@charset "UTF-8";
.toolbar-background {
  border: none !important;
}

ion-app.ios {
  font-family: "苹方", "San Francisco" !important;
}

/*!
  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.woff2") format("woff2"), url("../assets/fonts/roboto-light.woff") format("woff"), url("../assets/fonts/roboto-light.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 400;
  src: local("Roboto"), local("Roboto-Regular"), url("../assets/fonts/roboto-regular.woff2") format("woff2"), url("../assets/fonts/roboto-regular.woff") format("woff"), url("../assets/fonts/roboto-regular.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 500;
  src: local("Roboto Medium"), local("Roboto-Medium"), url("../assets/fonts/roboto-medium.woff2") format("woff2"), url("../assets/fonts/roboto-medium.woff") format("woff"), url("../assets/fonts/roboto-medium.ttf") format("truetype");
}

@font-face {
  font-family: "Roboto";
  font-style: normal;
  font-weight: 700;
  src: local("Roboto Bold"), local("Roboto-Bold"), url("../assets/fonts/roboto-bold.woff2") format("woff2"), url("../assets/fonts/roboto-bold.woff") format("woff"), url("../assets/fonts/roboto-bold.ttf") format("truetype");
}

@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.woff") format("woff"), 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.woff") format("woff"), 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.woff") format("woff"), 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.woff") format("woff"), url("../assets/fonts/noto-sans-bold.ttf") format("truetype");
}

.picker-ios .picker-wrapper {
  -ms-touch-action: none;
  touch-action: none;
}

.picker-toolbar-multi-picker-cancel {
  text-align: left !important;
}

.picker-md .picker-toolbar-button {
  flex: 1;
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
}

.picker-toolbar-multi-picker-cancel .picker-button {
  font-weight: bold !important;
  color: #666 !important;
}

.picker-ios .picker-toolbar {
  border-bottom: none !important;
  font-size: 1.6rem !important;
}

.picker-ios .picker-button,
.picker-ios .picker-button.activated {
  color: #e4a24c;
}

.picker-ios .picker-button span.button-inner,
.picker-ios .picker-button.activated span.button-inner {
  font-size: 1.4rem;
}

.toolbar-md {
  padding: 0 !important;
}

.toolbar-md 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;
}

.alert-ios .alert-wrapper {
  background-color: #2c2a38 !important;
  min-width: 300px !important;
}

.alert-ios .alert-wrapper .alert-title {
  color: white;
}

.alert-ios .alert-wrapper .alert-message {
  color: #c0b9e0;
}

.alert-ios .alert-wrapper .alert-button {
  color: #ffffff;
  border-top: 1px solid var(--cp-color228);
  border-right: 1px solid var(--cp-color228);
}

.alert-ios .alert-wrapper .alert-button.activated {
  background-color: transparent;
}

.alert-ios .alert-wrapper > div:nth-child(3) {
  max-height: 15rem;
  overflow-y: auto;
}

.send-form .alert-head {
  padding: 12px 16px 19px !important;
  border-bottom: 1px solid #eee;
}

.send-form .alert-message {
  display: none;
}

.send-form .alert-checkbox-group {
  border-top: 0 !important;
}

.send-form .alert-button-group {
  overflow: hidden;
  height: 44px;
}

.send-form .alert-button-group button {
  max-width: 25% !important;
  min-width: 25% !important;
  position: absolute;
  bottom: 0;
}

.send-form .alert-button-group button:first-child {
  left: 0;
}

.send-form .alert-button-group button:nth-child(2) {
  left: 25%;
}

.send-form .alert-button-group button:nth-child(3) {
  left: 50%;
}

.send-form .alert-button-group button:nth-child(4) {
  left: 75%;
}

.send-form .alert-button-group button:nth-child(4) span {
  font-weight: 400;
}

ion-header .toolbar-background-md,
.header-ios .toolbar-background-ios {
  background: var(--cp-color1) !important;
}

.menu-return {
  height: auto;
  background: none !important;
  margin: 0 !important;
}

ion-header {
  border-bottom: 0.5px solid #2d2940;
}

ion-header .toolbar-title-md,
ion-header .bar-button-default-ios,
ion-header .toolbar-title-ios,
ion-header .bar-button-default-md,
ion-header .bar-button-clear-md-default,
ion-header .bar-button-md-default {
  color: #fff;
}

ion-header .top_header .bar-button-default-ios {
  color: #fff;
}

.button-md {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

.statusbar-padding {
  padding: 0 !important;
  min-height: 4rem !important;
}

.statusbar-padding ion-title {
  padding: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
}

.statusbar-padding .scroll-content {
  padding-top: 0px !important;
}

.picker-ios .picker-opt {
  color: #fff !important;
}

.picker-ios .picker-above-highlight {
  border: 1px solid #24242c !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #1b1b1f), to(rgba(27, 27, 31, 0.7))) !important;
  background: linear-gradient(to bottom, #1b1b1f 20%, rgba(27, 27, 31, 0.7) 100%) !important;
}

.picker-ios .picker-below-highlight {
  border: 1px solid #24242c !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #1b1b1f), to(rgba(27, 27, 31, 0.7))) !important;
  background: linear-gradient(to top, #1b1b1f 30%, rgba(27, 27, 31, 0.7) 100%) !important;
}

order-detail .content .slides .swiper-slide .teems .label {
  margin-bottom: 0 !important;
}

order-detail .content .slides .swiper-slide .teems p:last-child {
  border-bottom: 0 !important;
}

.my-row {
  overflow: hidden;
  margin: 0 -0.3rem;
}

.my-row .col-md-3,
.my-row .col-md-4,
.my-row .col-md-6 {
  float: left;
  padding: 0 0.3rem;
}

.my-row .col-md-3 {
  width: 25%;
}

.my-row .col-20 {
  width: 20%;
}

.my-row .col-md-4 {
  width: 33.333333%;
}

.my-row .col-md-6 {
  width: 50%;
}

.bg-default {
  background-color: var(--cp-color282);
}

.text-default {
  color: var(--cp-color282) !important;
}

.bg-success {
  background-color: #2c8833;
}

.text-success {
  color: #2c8833 !important;
}

.bg-warning {
  background-color: #fa8c16;
}

.text-warning {
  color: #fa8c16 !important;
}

.bg-danger {
  background-color: #ff8090;
}

.text-danger {
  color: #ff8090 !important;
}

.bg-sandy {
  background-color: #ba865e;
}

.text-sandy {
  color: #ba865e !important;
}

.bg-yellow {
  background-color: #ffe404;
}

.text-yellow {
  color: #ffe404 !important;
}

.bg-blueviolet {
  background-color: "#695a93";
}

.text-blueviolet {
  color: "#695a93" !important;
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.pull-left {
  float: left;
}

.pull-right {
  float: right;
}

ion-alert.alert-top.alert-withdraw {
  padding-top: 14rem;
}

ion-alert.alert-top.alert-withdraw .alert-ios .alert-input {
  height: 3.6rem !important;
  margin-top: 0;
}

ion-alert.alert-top.alert-withdraw .text-danger {
  margin-top: 0.8rem;
}

.clearfix::after,
.clearfix::before {
  display: table;
  content: " ";
  clear: both;
  overflow: hidden;
}

.clearfix {
  zoom: 1;
}

.tips-box {
  position: relative;
}

.tips-box .tips-top {
  position: absolute;
  top: 110%;
  right: 6px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
  padding: 4px 6px;
  width: 26rem;
  text-align: center;
}

.tips-box .tips-top:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #ccc;
  position: absolute;
  bottom: 100%;
  right: 20%;
}

.col-6 {
  padding: 0.5rem;
  width: 50%;
  float: left;
}

max-reward .remarks {
  padding: 1rem;
  font-size: 1.4rem;
  color: #ebebeb;
  line-height: 22px;
}

max-reward .mark {
  color: #ebebeb;
  font-size: 1.2rem;
  padding: 0 1rem 1rem 1rem;
}

max-reward .brick_list {
  padding: 1rem;
  margin: 0;
  overflow: hidden;
  background: var(--cp-color156);
}

max-reward .brick_list .h5 {
  color: #d4d0e9;
  font-size: 1.4rem;
  padding: 1rem 0;
}

max-reward .brick_list .brick {
  width: 50%;
  border-left: 1px solid #36303f;
  border-bottom: 1px solid #36303f;
  float: left;
  padding: 0.2rem;
}

max-reward .brick_list .brick.active {
  background: #cdac9d;
}

max-reward .brick_list .brick.active p,
max-reward .brick_list .brick.active span {
  color: #fff;
}

max-reward .brick_list .brick:last-of-type {
  border-right: 1px solid #36303f;
}

max-reward .brick_list .brick:nth-child(2n) {
  border-right: 1px solid #36303f;
}

max-reward .brick_list .brick:nth-child(1), max-reward .brick_list .brick:nth-child(2) {
  border-top: 1px solid #36303f;
}

max-reward .brick_list .brick p {
  color: #d4d0e9;
  font-size: 1.4rem;
  text-align: center;
}

max-reward .brick_list .brick span {
  text-align: center;
  color: #e05364;
  font-size: 1.2rem;
  display: block;
}

.recharge-refuseform .alert-wrapper {
  max-width: 350px !important;
}

.recharge-refuseform .alert-message {
  max-height: 540px !important;
  padding: 0 !important;
}

.recharge-refuseform .alert-radio-group {
  border-top: none !important;
  padding-top: 0 !important;
  max-height: 26rem !important;
}

.recharge-refuseform .alert-wrapper > div:nth-child(3) {
  max-height: 26rem !important;
}

.recharge-refuseform .alert-head {
  margin-bottom: 0;
}

.recharge-refuseform .alert-head .alert-title .title {
  margin-top: 1rem;
}

.recharge-refuseform .alert-head .alert-title .tips {
  color: #333;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

.recharge-refuseform .alert-head .alert-title .tips-red {
  color: red;
}

.recharge-refuseform .alert-head .alert-title .cancel-text {
  color: #434242;
  font-size: 1.4rem;
  margin-top: 2rem;
  text-align: left;
}

.btn-linear-gradient-yellow {
  color: #d5ceef;
  border-width: 0px;
  font-weight: bold;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background: linear-gradient(to right, #e6ad56, #c16732);
  border-radius: 4px;
}

ion-action-sheet {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
}

.action-sheet-wrapper {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 500px;
  pointer-events: none;
}

.action-sheet-button {
  width: 100%;
}

.action-sheet-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  max-height: 100%;
}

.action-sheet-group {
  overflow: scroll;
  -webkit-flex-shrink: 2;
  -ms-flex-negative: 2;
  flex-shrink: 2;
  pointer-events: all;
}

.action-sheet-group-cancel {
  overflow: hidden;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}

.action-sheet-ios {
  text-align: center;
}

.action-sheet-ios .action-sheet-wrapper {
  margin: constant(safe-area-inset-top) auto constant(safe-area-inset-bottom);
  margin: env(safe-area-inset-top) auto env(safe-area-inset-bottom);
}

.action-sheet-ios .action-sheet-container {
  padding: 0 10px;
}

.action-sheet-ios .action-sheet-group {
  border-radius: 13px;
  margin-bottom: 8px;
  background: #f9f9f9;
}

.action-sheet-ios .action-sheet-group:first-child {
  margin-top: 10px;
}

.action-sheet-ios .action-sheet-group:last-child {
  margin-bottom: 10px;
}

.action-sheet-ios .action-sheet-title {
  padding: 1.5rem;
  text-align: center;
  border-radius: 0;
  border-bottom: 1px solid #d6d6da;
  font-size: 1.3rem;
  font-weight: 400;
  color: #8f8f8f;
}

.action-sheet-ios .action-sheet-button {
  margin: 0;
  padding: 18px;
  min-height: 5.6rem;
  border-bottom: 1px 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: -1px;
  border-top: 1px 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-title {
  text-align: left;
  text-align: start;
  font-size: 1.6rem;
  color: #757575;
  padding: 11px 16px 17px;
}

.action-sheet-md .action-sheet-button {
  text-align: left;
  text-align: start;
  position: relative;
  overflow: hidden;
  min-height: 4.8rem;
  font-size: 1.6rem;
  color: #222;
  background: transparent;
  padding: 0 16px;
}

.action-sheet-md .action-sheet-button.activated {
  background: #f1f1f1;
}

.action-sheet-md .action-sheet-icon {
  padding: 0;
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
  margin: 0 32px 0 0;
}

.action-sheet-md .action-sheet-group {
  background: #fafafa;
}

.action-sheet-md .action-sheet-group:first-child {
  padding-top: 0.8rem;
}

.action-sheet-md .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-md .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -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-title {
  text-align: left;
  text-align: start;
  font-size: 2rem;
  color: #4d4d4d;
  padding: 11px 16px 17px;
}

.action-sheet-wp .action-sheet-button {
  text-align: left;
  text-align: start;
  min-height: 4.8rem;
  font-size: 1.5rem;
  color: #4d4d4d;
  background: transparent;
  padding: 0 16px;
}

.action-sheet-wp .action-sheet-button.activated {
  background: #aaa;
}

.action-sheet-wp .action-sheet-icon {
  padding: 0;
  text-align: center;
  width: 2.3rem;
  font-size: 2.4rem;
  vertical-align: middle;
  margin: 0 20px 0 0;
}

.action-sheet-wp .action-sheet-group {
  background: #fff;
}

.action-sheet-wp .action-sheet-group:first-child {
  padding-top: 0.8rem;
  -webkit-box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
}

.action-sheet-wp .action-sheet-group:last-child {
  padding-bottom: 0.8rem;
}

.action-sheet-wp .action-sheet-group .button-inner {
  -webkit-box-pack: start;
  -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 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

ion-alert.alert-top {
  padding-top: 50px;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

ion-alert input {
  width: 100%;
}

.alert-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.alert-button-group-vertical {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.alert-button {
  margin: 0;
  z-index: 0;
  display: block;
  font-size: 14px;
  line-height: 20px;
}

.alert-tappable {
  text-align: left;
  text-align: start;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
  padding: 0;
  width: 100%;
  font-size: inherit;
  line-height: initial;
  background: transparent;
}

.alert-ios .alert-wrapper {
  border-radius: 13px;
  overflow: hidden;
  max-width: 270px;
  background-color: #f8f8f8;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.alert-ios .alert-head {
  text-align: center;
  padding: 12px 16px 7px;
}

.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 {
  text-align: center;
  font-size: 13px;
  color: inherit;
  padding: 0 16px 21px;
}

.alert-ios .alert-message {
  max-height: 240px;
}

.alert-ios .alert-message:empty {
  padding: 0 0 12px;
}

.alert-ios .alert-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  margin-top: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  background-color: #fff;
  padding: 6px;
}

.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group {
  overflow: scroll;
  max-height: 240px;
  border-top: 1px solid #dbdbdf;
  -webkit-overflow-scrolling: touch;
}

.alert-ios .alert-tappable {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  min-height: 44px;
}

.alert-ios .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-radio-label {
  color: #1d1c22;
}

.alert-ios .alert-radio-icon {
  position: relative;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  min-width: 30px;
}

.alert-ios [aria-checked=true] .alert-radio-inner {
  left: 7px;
  top: -7px;
  position: absolute;
  width: 6px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #1d1c22;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.alert-ios .alert-checkbox-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px;
}

.alert-ios [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-ios .alert-checkbox-icon {
  border-radius: 50%;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #fff;
  margin: 10px 6px 10px 16px;
}

.alert-ios [aria-checked=true] .alert-checkbox-icon {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.alert-ios [aria-checked=true] .alert-checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  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);
}

.alert-ios .alert-button-group {
  margin-right: -1px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.alert-ios .alert-button {
  margin: 0;
  border-radius: 0;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto;
  min-width: 50%;
  height: 44px;
  border-top: 1px solid #dbdbdf;
  border-right: 1px solid #dbdbdf;
  font-size: 17px;
  color: #1d1c22;
  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 {
  border-radius: 2px;
  max-width: 280px;
  background-color: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
}

.alert-md .alert-head {
  text-align: left;
  text-align: start;
  padding: 24px 24px 20px;
}

.alert-md .alert-title {
  font-size: 22px;
}

.alert-md .alert-sub-title {
  font-size: 16px;
}

.alert-md .alert-message,
.alert-md .alert-input-group {
  color: rgba(0, 0, 0, 0.5);
  padding: 0 24px 24px;
}

.alert-md .alert-message {
  max-height: 240px;
  font-size: 15px;
}

.alert-md .alert-message:empty {
  padding: 0;
}

.alert-md .alert-input {
  margin: 5px 0;
  border-bottom: 1px solid #dedede;
  color: #000;
}

.alert-md .alert-input:focus {
  margin-bottom: 4px;
  border-bottom: 2px solid #1d1c22;
}

.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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-md .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-md .alert-radio-icon {
  left: 13px;
  top: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.alert-md .alert-radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1d1c22;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  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: #1d1c22;
}

.alert-md [aria-checked=true] .alert-radio-icon {
  border-color: #1d1c22;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-md [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-md .alert-checkbox-icon {
  left: 13px;
  top: 0;
  border-radius: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.alert-md [aria-checked=true] .alert-checkbox-icon {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.alert-md [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
  top: 0;
  position: absolute;
  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-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 8px 8px 8px 24px;
}

.alert-md .alert-button {
  text-align: right;
  text-align: end;
  border-radius: 2px;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  text-transform: uppercase;
  color: #1d1c22;
  background-color: transparent;
  margin: 0 8px 0 0;
  padding: 10px;
}

.alert-md .alert-button.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.alert-md .alert-button .button-inner {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.alert-wp ion-backdrop {
  background: #fff;
}

.alert-wp .alert-wrapper {
  border-radius: 0;
  width: 100%;
  max-width: 520px;
  border: 1px solid #1d1c22;
  background: #e6e6e6;
}

.alert-wp .alert-head {
  text-align: left;
  text-align: start;
  padding: 20px 22px 5px;
}

.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 {
  color: #000;
  padding: 0 22px 8px;
}

.alert-wp .alert-message {
  max-height: 240px;
  font-size: 13px;
}

.alert-wp .alert-message:empty {
  padding: 0;
}

.alert-wp .alert-input {
  border: 2px solid rgba(0, 0, 0, 0.5);
  line-height: 3rem;
  color: #000;
  margin: 5px 0;
  padding: 0 8px;
}

.alert-wp .alert-input:focus {
  border-color: #1d1c22;
}

.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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  min-height: 4.4rem;
}

.alert-wp .alert-radio-label {
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-wp .alert-radio-icon {
  left: 13px;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
}

.alert-wp .alert-radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  background: #1d1c22;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: initial;
  padding: 13px 26px;
}

.alert-wp [aria-checked=true] .alert-checkbox-label {
  color: initial;
}

.alert-wp .alert-checkbox-icon {
  left: 13px;
  top: 0;
  border-radius: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: rgba(0, 0, 0, 0.5);
  background: transparent;
}

.alert-wp [aria-checked=true] .alert-checkbox-icon {
  border-color: #1d1c22;
  background: #1d1c22;
}

.alert-wp [aria-checked=true] .alert-checkbox-inner {
  left: 3px;
  top: -2px;
  position: absolute;
  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-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 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-right: 0;
  margin-top: 0;
}

.alert-wp .alert-button {
  border-radius: 0;
  width: 49.5%;
  font-weight: 400;
  color: #000;
  background: #b8b8b8;
  padding: 5px;
}

.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;
  -webkit-box-sizing: content-box;
  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::-moz-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;
  -webkit-box-sizing: border-box;
  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;
  -webkit-box-shadow: 0 0 8px 1px #51a7e8;
  box-shadow: 0 0 8px 1px #51a7e8;
}

ion-input :focus {
  outline: none;
}

.click-block {
  display: none;
}

.click-block-enabled {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(0,  -100%,  0) translateY(1px);
  transform: translate3d(0,  -100%,  0) translateY(1px);
  position: absolute;
  z-index: 99999;
  display: block;
  opacity: 0;
  contain: strict;
}

.click-block-active {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
}

html {
  width: 100%;
  height: 100%;
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
}

body {
  margin: 0;
  padding: 0;
  position: fixed;
  overflow: hidden;
  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;
  -moz-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;
}

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: -0.3rem;
}

h1 + h2,
h1 + h3,
h2 + h3 {
  margin-top: -0.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;
}

ion-app,
ion-nav,
ion-tab,
ion-tabs,
.app-root {
  left: 0;
  top: 0;
  position: absolute;
  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 {
  left: 0;
  top: 0;
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.ion-page.show-page {
  opacity: 1;
}

ion-header {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

ion-footer {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
}

[app-viewport],
[overlay-portal],
[nav-viewport],
[tab-portal],
.nav-decor {
  display: none;
}

[text-center] {
  text-align: center !important;
}

[text-justify] {
  text-align: justify !important;
}

[text-start] {
  text-align: left;
  text-align: start !important;
}

[text-end] {
  text-align: right;
  text-align: end !important;
}

[text-left] {
  text-align: left !important;
}

[text-right] {
  text-align: right !important;
}

[text-nowrap] {
  white-space: nowrap !important;
}

[text-wrap] {
  white-space: normal !important;
}

@media (min-width: 576px) {
  [text-sm-center] {
    text-align: center !important;
  }
  [text-sm-justify] {
    text-align: justify !important;
  }
  [text-sm-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-sm-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-sm-left] {
    text-align: left !important;
  }
  [text-sm-right] {
    text-align: right !important;
  }
  [text-sm-nowrap] {
    white-space: nowrap !important;
  }
  [text-sm-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 768px) {
  [text-md-center] {
    text-align: center !important;
  }
  [text-md-justify] {
    text-align: justify !important;
  }
  [text-md-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-md-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-md-left] {
    text-align: left !important;
  }
  [text-md-right] {
    text-align: right !important;
  }
  [text-md-nowrap] {
    white-space: nowrap !important;
  }
  [text-md-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 992px) {
  [text-lg-center] {
    text-align: center !important;
  }
  [text-lg-justify] {
    text-align: justify !important;
  }
  [text-lg-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-lg-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-lg-left] {
    text-align: left !important;
  }
  [text-lg-right] {
    text-align: right !important;
  }
  [text-lg-nowrap] {
    white-space: nowrap !important;
  }
  [text-lg-wrap] {
    white-space: normal !important;
  }
}

@media (min-width: 1200px) {
  [text-xl-center] {
    text-align: center !important;
  }
  [text-xl-justify] {
    text-align: justify !important;
  }
  [text-xl-start] {
    text-align: left;
    text-align: start !important;
  }
  [text-xl-end] {
    text-align: right;
    text-align: end !important;
  }
  [text-xl-left] {
    text-align: left !important;
  }
  [text-xl-right] {
    text-align: right !important;
  }
  [text-xl-nowrap] {
    white-space: nowrap !important;
  }
  [text-xl-wrap] {
    white-space: normal !important;
  }
}

[text-uppercase] {
  text-transform: uppercase !important;
}

[text-lowercase] {
  text-transform: lowercase !important;
}

[text-capitalize] {
  text-transform: capitalize !important;
}

@media (min-width: 576px) {
  [text-sm-uppercase] {
    text-transform: uppercase !important;
  }
  [text-sm-lowercase] {
    text-transform: lowercase !important;
  }
  [text-sm-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 768px) {
  [text-md-uppercase] {
    text-transform: uppercase !important;
  }
  [text-md-lowercase] {
    text-transform: lowercase !important;
  }
  [text-md-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 992px) {
  [text-lg-uppercase] {
    text-transform: uppercase !important;
  }
  [text-lg-lowercase] {
    text-transform: lowercase !important;
  }
  [text-lg-capitalize] {
    text-transform: capitalize !important;
  }
}

@media (min-width: 1200px) {
  [text-xl-uppercase] {
    text-transform: uppercase !important;
  }
  [text-xl-lowercase] {
    text-transform: lowercase !important;
  }
  [text-xl-capitalize] {
    text-transform: capitalize !important;
  }
}

[float-left] {
  float: left !important;
}

[float-right] {
  float: right !important;
}

[float-start] {
  float: left !important;
}

[float-end] {
  float: right !important;
}

@media (min-width: 576px) {
  [float-sm-left] {
    float: left !important;
  }
  [float-sm-right] {
    float: right !important;
  }
  [float-sm-start] {
    float: left !important;
  }
  [float-sm-end] {
    float: right !important;
  }
}

@media (min-width: 768px) {
  [float-md-left] {
    float: left !important;
  }
  [float-md-right] {
    float: right !important;
  }
  [float-md-start] {
    float: left !important;
  }
  [float-md-end] {
    float: right !important;
  }
}

@media (min-width: 992px) {
  [float-lg-left] {
    float: left !important;
  }
  [float-lg-right] {
    float: right !important;
  }
  [float-lg-start] {
    float: left !important;
  }
  [float-lg-end] {
    float: right !important;
  }
}

@media (min-width: 1200px) {
  [float-xl-left] {
    float: left !important;
  }
  [float-xl-right] {
    float: right !important;
  }
  [float-xl-start] {
    float: left !important;
  }
  [float-xl-end] {
    float: right !important;
  }
}

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 {
  left: 0;
  top: 0;
  position: absolute;
  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 {
  padding: 3px 8px;
  text-align: center;
  display: inline-block;
  min-width: 10px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1;
  white-space: nowrap;
  vertical-align: baseline;
}

ion-badge:empty {
  display: none;
}

.badge-ios {
  border-radius: 10px;
  color: #fff;
  background-color: #1d1c22;
}

.badge-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.badge-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.badge-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.badge-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.badge-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.badge-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.badge-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.badge-ios-base {
  color: #000;
  background-color: #ffffff;
}

.badge-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.badge-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.badge-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.badge-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.badge-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.badge-md {
  border-radius: 4px;
  color: #fff;
  background-color: #1d1c22;
}

.badge-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.badge-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.badge-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.badge-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.badge-md-light {
  color: #000;
  background-color: #d4cdec;
}

.badge-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.badge-md-purple {
  color: #fff;
  background-color: #685a92;
}

.badge-md-base {
  color: #000;
  background-color: #ffffff;
}

.badge-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.badge-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.badge-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.badge-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.badge-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.badge-wp {
  border-radius: 0;
  color: #fff;
  background-color: #1d1c22;
}

.badge-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.badge-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.badge-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.badge-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.badge-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.badge-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.badge-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.badge-wp-base {
  color: #000;
  background-color: #ffffff;
}

.badge-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.badge-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.badge-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.badge-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.badge-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.button {
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  z-index: 0;
  display: inline-block;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: top;
  vertical-align: -webkit-baseline-middle;
  -webkit-transition: background-color, opacity 100ms linear;
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -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-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: 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-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

[icon-left] ion-icon,
[icon-start] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
  padding-right: 0.3em;
}

[icon-right] ion-icon,
[icon-end] ion-icon {
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
  padding-left: 0.4em;
}

.button[icon-only] {
  padding: 0;
  min-width: .9em;
}

[icon-only] ion-icon {
  padding: 0 0.5em;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.button-ios {
  border-radius: 4px;
  height: 2.8em;
  font-size: 1.6rem;
  color: #fff;
  background-color: #1d1c22;
  margin: 0.4rem 0.2rem;
  padding: 0 1em;
}

.button-ios.activated {
  background-color: #2f2e34;
  opacity: 1;
}

.button-ios:hover:not(.disable-hover) {
  opacity: 0.8;
}

.button-large-ios {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-ios {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-ios[icon-only] ion-icon {
  font-size: 1.3em;
}

.button-block-ios {
  margin-left: 0;
  margin-right: 0;
}

.button-full-ios {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-ios {
  border-radius: 4px;
  border-width: 1px;
  border-style: solid;
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.button-outline-ios.activated {
  color: #fff;
  background-color: #1d1c22;
  opacity: 1;
}

.button-clear-ios {
  border-color: transparent;
  color: #1d1c22;
  background-color: transparent;
}

.button-clear-ios.activated {
  background-color: transparent;
  opacity: 0.4;
}

.button-clear-ios:hover:not(.disable-hover) {
  color: #1d1c22;
  opacity: 0.6;
}

.button-round-ios {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.button-ios-primary.activated {
  background-color: #2f2e34;
}

.button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.button-clear-ios-primary {
  border-color: transparent;
  color: #1d1c22;
  background-color: transparent;
}

.button-clear-ios-primary.activated {
  opacity: 0.4;
}

.button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.button-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.button-ios-secondary.activated {
  background-color: #e68114;
}

.button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.button-clear-ios-secondary {
  border-color: transparent;
  color: #fa8c16;
  background-color: transparent;
}

.button-clear-ios-secondary.activated {
  opacity: 0.4;
}

.button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.button-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.button-ios-twitter.activated {
  background-color: #4e9edb;
}

.button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.button-clear-ios-twitter {
  border-color: transparent;
  color: #55acee;
  background-color: transparent;
}

.button-clear-ios-twitter.activated {
  opacity: 0.4;
}

.button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.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: #d4cdec;
}

.button-ios-light.activated {
  background-color: #c3bdd9;
}

.button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.button-clear-ios-light {
  border-color: transparent;
  color: #d4cdec;
  background-color: transparent;
}

.button-clear-ios-light.activated {
  opacity: 0.4;
}

.button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.button-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.button-ios-sandy.activated {
  background-color: #d29260;
}

.button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.button-clear-ios-sandy {
  border-color: transparent;
  color: #e49f68;
  background-color: transparent;
}

.button-clear-ios-sandy.activated {
  opacity: 0.4;
}

.button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.button-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.button-ios-purple.activated {
  background-color: #74679b;
}

.button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.button-clear-ios-purple {
  border-color: transparent;
  color: #685a92;
  background-color: transparent;
}

.button-clear-ios-purple.activated {
  opacity: 0.4;
}

.button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.button-ios-base {
  color: #000;
  background-color: #ffffff;
}

.button-ios-base.activated {
  background-color: #ebebeb;
}

.button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.button-clear-ios-base {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.button-clear-ios-base.activated {
  opacity: 0.4;
}

.button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.button-ios-headerBg.activated {
  background-color: #3e3a4f;
}

.button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.button-clear-ios-headerBg {
  border-color: transparent;
  color: #2d2940;
  background-color: transparent;
}

.button-clear-ios-headerBg.activated {
  opacity: 0.4;
}

.button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.button-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.button-ios-borderColor.activated {
  background-color: #474159;
}

.button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.button-clear-ios-borderColor {
  border-color: transparent;
  color: #37314b;
  background-color: transparent;
}

.button-clear-ios-borderColor.activated {
  opacity: 0.4;
}

.button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.button-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.button-ios-backgroundColor.activated {
  background-color: #2f2e34;
}

.button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.button-clear-ios-backgroundColor {
  border-color: transparent;
  color: #1d1c22;
  background-color: transparent;
}

.button-clear-ios-backgroundColor.activated {
  opacity: 0.4;
}

.button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.button-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.button-ios-bluegrey.activated {
  background-color: #2c87a5;
}

.button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.button-clear-ios-bluegrey {
  border-color: transparent;
  color: #1a7d9d;
  background-color: transparent;
}

.button-clear-ios-bluegrey.activated {
  opacity: 0.4;
}

.button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.button-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.button-ios-darkorange.activated {
  background-color: #c29130;
}

.button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.button-clear-ios-darkorange {
  border-color: transparent;
  color: #bd871e;
  background-color: transparent;
}

.button-clear-ios-darkorange.activated {
  opacity: 0.4;
}

.button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.button-strong-ios {
  font-weight: 600;
}

.button-md {
  border-radius: 2px;
  overflow: hidden;
  height: 3.6rem;
  font-size: 1.4rem;
  font-weight: 500;
  text-transform: uppercase;
  color: #fff;
  background-color: #1d1c22;
  -webkit-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);
  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);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 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);
  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), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  margin: 0.4rem 0.2rem;
  padding: 0 1.1em;
}

.button-md:hover:not(.disable-hover) {
  background-color: #1d1c22;
}

.button-md.activated {
  background-color: #2f2e34;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.14), 0 3px 5px rgba(0, 0, 0, 0.21), 0 0 0 0 transparent;
}

.button-md .button-effect {
  background-color: #fff;
}

.button-large-md {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-md {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-md[icon-only] ion-icon {
  font-size: 1.4em;
}

.button-block-md {
  margin-left: 0;
  margin-right: 0;
}

.button-full-md {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-md {
  border-width: 1px;
  border-style: solid;
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
  -webkit-box-shadow: none;
  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;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-outline-md .button-effect {
  background-color: #1d1c22;
}

.button-clear-md {
  border-color: transparent;
  color: #1d1c22;
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  opacity: 1;
}

.button-clear-md.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  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 {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-md [icon-only] {
  padding: 0;
}

.button-effect {
  border-radius: 50%;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  position: absolute;
  z-index: 0;
  display: none;
  background-color: #555;
  opacity: .2;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  pointer-events: none;
  top: 0;
  left: 0;
}

.md button .button-effect {
  display: block;
}

.button-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.button-md-primary:hover:not(.disable-hover) {
  background-color: #1d1c22;
}

.button-md-primary.activated {
  background-color: #2f2e34;
  opacity: 1;
}

.button-md-primary .button-effect {
  background-color: #fff;
}

.button-outline-md-primary {
  border-color: #28272d;
  color: #28272d;
  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: #28272d;
}

.button-clear-md-primary {
  border-color: transparent;
  color: #1d1c22;
  background-color: transparent;
}

.button-clear-md-primary.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.button-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.button-md-secondary:hover:not(.disable-hover) {
  background-color: #fa8c16;
}

.button-md-secondary.activated {
  background-color: #e68114;
  opacity: 1;
}

.button-md-secondary .button-effect {
  background-color: #fff;
}

.button-outline-md-secondary {
  border-color: #ee8515;
  color: #ee8515;
  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: #ee8515;
}

.button-clear-md-secondary {
  border-color: transparent;
  color: #fa8c16;
  background-color: transparent;
}

.button-clear-md-secondary.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.button-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.button-md-twitter:hover:not(.disable-hover) {
  background-color: #55acee;
}

.button-md-twitter.activated {
  background-color: #4e9edb;
  opacity: 1;
}

.button-md-twitter .button-effect {
  background-color: #fff;
}

.button-outline-md-twitter {
  border-color: #51a3e2;
  color: #51a3e2;
  background-color: transparent;
}

.button-outline-md-twitter:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-twitter.activated {
  background-color: transparent;
}

.button-outline-md-twitter .button-effect {
  background-color: #51a3e2;
}

.button-clear-md-twitter {
  border-color: transparent;
  color: #55acee;
  background-color: transparent;
}

.button-clear-md-twitter.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.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);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.button-md-light {
  color: #000;
  background-color: #d4cdec;
}

.button-md-light:hover:not(.disable-hover) {
  background-color: #d4cdec;
}

.button-md-light.activated {
  background-color: #c3bdd9;
  opacity: 1;
}

.button-md-light .button-effect {
  background-color: #000;
}

.button-outline-md-light {
  border-color: #c9c3e0;
  color: #c9c3e0;
  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: #c9c3e0;
}

.button-clear-md-light {
  border-color: transparent;
  color: #d4cdec;
  background-color: transparent;
}

.button-clear-md-light.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.button-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.button-md-sandy:hover:not(.disable-hover) {
  background-color: #e49f68;
}

.button-md-sandy.activated {
  background-color: #d29260;
  opacity: 1;
}

.button-md-sandy .button-effect {
  background-color: #fff;
}

.button-outline-md-sandy {
  border-color: #d99763;
  color: #d99763;
  background-color: transparent;
}

.button-outline-md-sandy:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-sandy.activated {
  background-color: transparent;
}

.button-outline-md-sandy .button-effect {
  background-color: #d99763;
}

.button-clear-md-sandy {
  border-color: transparent;
  color: #e49f68;
  background-color: transparent;
}

.button-clear-md-sandy.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.button-md-purple {
  color: #fff;
  background-color: #685a92;
}

.button-md-purple:hover:not(.disable-hover) {
  background-color: #685a92;
}

.button-md-purple.activated {
  background-color: #74679b;
  opacity: 1;
}

.button-md-purple .button-effect {
  background-color: #fff;
}

.button-outline-md-purple {
  border-color: #706297;
  color: #706297;
  background-color: transparent;
}

.button-outline-md-purple:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-purple.activated {
  background-color: transparent;
}

.button-outline-md-purple .button-effect {
  background-color: #706297;
}

.button-clear-md-purple {
  border-color: transparent;
  color: #685a92;
  background-color: transparent;
}

.button-clear-md-purple.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.button-md-base {
  color: #000;
  background-color: #ffffff;
}

.button-md-base:hover:not(.disable-hover) {
  background-color: #ffffff;
}

.button-md-base.activated {
  background-color: #ebebeb;
  opacity: 1;
}

.button-md-base .button-effect {
  background-color: #000;
}

.button-outline-md-base {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-md-base:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-base.activated {
  background-color: transparent;
}

.button-outline-md-base .button-effect {
  background-color: #f2f2f2;
}

.button-clear-md-base {
  border-color: transparent;
  color: #ffffff;
  background-color: transparent;
}

.button-clear-md-base.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.button-md-headerBg:hover:not(.disable-hover) {
  background-color: #2d2940;
}

.button-md-headerBg.activated {
  background-color: #3e3a4f;
  opacity: 1;
}

.button-md-headerBg .button-effect {
  background-color: #fff;
}

.button-outline-md-headerBg {
  border-color: #38344a;
  color: #38344a;
  background-color: transparent;
}

.button-outline-md-headerBg:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-headerBg.activated {
  background-color: transparent;
}

.button-outline-md-headerBg .button-effect {
  background-color: #38344a;
}

.button-clear-md-headerBg {
  border-color: transparent;
  color: #2d2940;
  background-color: transparent;
}

.button-clear-md-headerBg.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.button-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.button-md-borderColor:hover:not(.disable-hover) {
  background-color: #37314b;
}

.button-md-borderColor.activated {
  background-color: #474159;
  opacity: 1;
}

.button-md-borderColor .button-effect {
  background-color: #fff;
}

.button-outline-md-borderColor {
  border-color: #413b54;
  color: #413b54;
  background-color: transparent;
}

.button-outline-md-borderColor:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-borderColor.activated {
  background-color: transparent;
}

.button-outline-md-borderColor .button-effect {
  background-color: #413b54;
}

.button-clear-md-borderColor {
  border-color: transparent;
  color: #37314b;
  background-color: transparent;
}

.button-clear-md-borderColor.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.button-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.button-md-backgroundColor:hover:not(.disable-hover) {
  background-color: #1d1c22;
}

.button-md-backgroundColor.activated {
  background-color: #2f2e34;
  opacity: 1;
}

.button-md-backgroundColor .button-effect {
  background-color: #fff;
}

.button-outline-md-backgroundColor {
  border-color: #28272d;
  color: #28272d;
  background-color: transparent;
}

.button-outline-md-backgroundColor:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.button-outline-md-backgroundColor .button-effect {
  background-color: #28272d;
}

.button-clear-md-backgroundColor {
  border-color: transparent;
  color: #1d1c22;
  background-color: transparent;
}

.button-clear-md-backgroundColor.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.button-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.button-md-bluegrey:hover:not(.disable-hover) {
  background-color: #1a7d9d;
}

.button-md-bluegrey.activated {
  background-color: #2c87a5;
  opacity: 1;
}

.button-md-bluegrey .button-effect {
  background-color: #fff;
}

.button-outline-md-bluegrey {
  border-color: #2584a2;
  color: #2584a2;
  background-color: transparent;
}

.button-outline-md-bluegrey:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.button-outline-md-bluegrey .button-effect {
  background-color: #2584a2;
}

.button-clear-md-bluegrey {
  border-color: transparent;
  color: #1a7d9d;
  background-color: transparent;
}

.button-clear-md-bluegrey.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.button-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.button-md-darkorange:hover:not(.disable-hover) {
  background-color: #bd871e;
}

.button-md-darkorange.activated {
  background-color: #c29130;
  opacity: 1;
}

.button-md-darkorange .button-effect {
  background-color: #fff;
}

.button-outline-md-darkorange {
  border-color: #c08d29;
  color: #c08d29;
  background-color: transparent;
}

.button-outline-md-darkorange:hover:not(.disable-hover) {
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-md-darkorange.activated {
  background-color: transparent;
}

.button-outline-md-darkorange .button-effect {
  background-color: #c08d29;
}

.button-clear-md-darkorange {
  border-color: transparent;
  color: #bd871e;
  background-color: transparent;
}

.button-clear-md-darkorange.activated {
  background-color: rgba(158, 158, 158, 0.2);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.button-clear-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.button-strong-md {
  font-weight: bold;
}

.button-wp {
  border-radius: 0;
  height: 3.6rem;
  border: 3px solid transparent;
  font-size: 1.4rem;
  color: #fff;
  background-color: #1d1c22;
  margin: 0.4rem 0.2rem;
  padding: 0 1.1em;
}

.button-wp:hover:not(.disable-hover) {
  border-color: #2f2e34;
  background-color: #1d1c22;
}

.button-wp.activated {
  background-color: #2f2e34;
}

.button-large-wp {
  height: 2.8em;
  font-size: 2rem;
  padding: 0 1em;
}

.button-small-wp {
  height: 2.1em;
  font-size: 1.3rem;
  padding: 0 0.9em;
}

.button-small-wp[icon-only] ion-icon {
  font-size: 1.4em;
}

.button-block-wp {
  margin-left: 0;
  margin-right: 0;
}

.button-full-wp {
  margin-left: 0;
  margin-right: 0;
  border-radius: 0;
  border-right-width: 0;
  border-left-width: 0;
}

.button-outline-wp {
  border-width: 1px;
  border-style: solid;
  border-color: #1d1c22;
  color: #1d1c22;
  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(29, 28, 34, 0.16);
}

.button-clear-wp {
  color: #1d1c22;
  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 {
  border-radius: 64px;
  padding: 0 2.6rem;
}

.button-wp [icon-only] {
  padding: 0;
}

.button-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.button-wp-primary:hover:not(.disable-hover) {
  border-color: #2f2e34;
  background-color: #1d1c22;
}

.button-wp-primary.activated {
  background-color: #2f2e34;
}

.button-outline-wp-primary {
  border-color: #28272d;
  color: #28272d;
  background-color: transparent;
}

.button-outline-wp-primary:hover:not(.disable-hover) {
  border-color: #28272d;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-primary.activated {
  background-color: rgba(40, 39, 45, 0.16);
}

.button-clear-wp-primary {
  color: #1d1c22;
  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: #1d1c22;
}

.button-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.button-wp-secondary:hover:not(.disable-hover) {
  border-color: #e68114;
  background-color: #fa8c16;
}

.button-wp-secondary.activated {
  background-color: #e68114;
}

.button-outline-wp-secondary {
  border-color: #ee8515;
  color: #ee8515;
  background-color: transparent;
}

.button-outline-wp-secondary:hover:not(.disable-hover) {
  border-color: #ee8515;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-secondary.activated {
  background-color: rgba(238, 133, 21, 0.16);
}

.button-clear-wp-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.button-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.button-wp-twitter:hover:not(.disable-hover) {
  border-color: #4e9edb;
  background-color: #55acee;
}

.button-wp-twitter.activated {
  background-color: #4e9edb;
}

.button-outline-wp-twitter {
  border-color: #51a3e2;
  color: #51a3e2;
  background-color: transparent;
}

.button-outline-wp-twitter:hover:not(.disable-hover) {
  border-color: #51a3e2;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-twitter.activated {
  background-color: rgba(81, 163, 226, 0.16);
}

.button-clear-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.button-clear-wp-twitter.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.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: #d4cdec;
}

.button-wp-light:hover:not(.disable-hover) {
  border-color: #c3bdd9;
  background-color: #d4cdec;
}

.button-wp-light.activated {
  background-color: #c3bdd9;
}

.button-outline-wp-light {
  border-color: #c9c3e0;
  color: #c9c3e0;
  background-color: transparent;
}

.button-outline-wp-light:hover:not(.disable-hover) {
  border-color: #c9c3e0;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-light.activated {
  background-color: rgba(201, 195, 224, 0.16);
}

.button-clear-wp-light {
  color: #d4cdec;
  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: #d4cdec;
}

.button-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.button-wp-sandy:hover:not(.disable-hover) {
  border-color: #d29260;
  background-color: #e49f68;
}

.button-wp-sandy.activated {
  background-color: #d29260;
}

.button-outline-wp-sandy {
  border-color: #d99763;
  color: #d99763;
  background-color: transparent;
}

.button-outline-wp-sandy:hover:not(.disable-hover) {
  border-color: #d99763;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-sandy.activated {
  background-color: rgba(217, 151, 99, 0.16);
}

.button-clear-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.button-clear-wp-sandy.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.button-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.button-wp-purple:hover:not(.disable-hover) {
  border-color: #74679b;
  background-color: #685a92;
}

.button-wp-purple.activated {
  background-color: #74679b;
}

.button-outline-wp-purple {
  border-color: #706297;
  color: #706297;
  background-color: transparent;
}

.button-outline-wp-purple:hover:not(.disable-hover) {
  border-color: #706297;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-purple.activated {
  background-color: rgba(112, 98, 151, 0.16);
}

.button-clear-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.button-clear-wp-purple.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.button-wp-base {
  color: #000;
  background-color: #ffffff;
}

.button-wp-base:hover:not(.disable-hover) {
  border-color: #ebebeb;
  background-color: #ffffff;
}

.button-wp-base.activated {
  background-color: #ebebeb;
}

.button-outline-wp-base {
  border-color: #f2f2f2;
  color: #f2f2f2;
  background-color: transparent;
}

.button-outline-wp-base:hover:not(.disable-hover) {
  border-color: #f2f2f2;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-base.activated {
  background-color: rgba(242, 242, 242, 0.16);
}

.button-clear-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.button-clear-wp-base.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.button-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.button-wp-headerBg:hover:not(.disable-hover) {
  border-color: #3e3a4f;
  background-color: #2d2940;
}

.button-wp-headerBg.activated {
  background-color: #3e3a4f;
}

.button-outline-wp-headerBg {
  border-color: #38344a;
  color: #38344a;
  background-color: transparent;
}

.button-outline-wp-headerBg:hover:not(.disable-hover) {
  border-color: #38344a;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-headerBg.activated {
  background-color: rgba(56, 52, 74, 0.16);
}

.button-clear-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.button-clear-wp-headerBg.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.button-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.button-wp-borderColor:hover:not(.disable-hover) {
  border-color: #474159;
  background-color: #37314b;
}

.button-wp-borderColor.activated {
  background-color: #474159;
}

.button-outline-wp-borderColor {
  border-color: #413b54;
  color: #413b54;
  background-color: transparent;
}

.button-outline-wp-borderColor:hover:not(.disable-hover) {
  border-color: #413b54;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-borderColor.activated {
  background-color: rgba(65, 59, 84, 0.16);
}

.button-clear-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.button-clear-wp-borderColor.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.button-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.button-wp-backgroundColor:hover:not(.disable-hover) {
  border-color: #2f2e34;
  background-color: #1d1c22;
}

.button-wp-backgroundColor.activated {
  background-color: #2f2e34;
}

.button-outline-wp-backgroundColor {
  border-color: #28272d;
  color: #28272d;
  background-color: transparent;
}

.button-outline-wp-backgroundColor:hover:not(.disable-hover) {
  border-color: #28272d;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-backgroundColor.activated {
  background-color: rgba(40, 39, 45, 0.16);
}

.button-clear-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.button-clear-wp-backgroundColor.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.button-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.button-wp-bluegrey:hover:not(.disable-hover) {
  border-color: #2c87a5;
  background-color: #1a7d9d;
}

.button-wp-bluegrey.activated {
  background-color: #2c87a5;
}

.button-outline-wp-bluegrey {
  border-color: #2584a2;
  color: #2584a2;
  background-color: transparent;
}

.button-outline-wp-bluegrey:hover:not(.disable-hover) {
  border-color: #2584a2;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-bluegrey.activated {
  background-color: rgba(37, 132, 162, 0.16);
}

.button-clear-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.button-clear-wp-bluegrey.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.button-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.button-wp-darkorange:hover:not(.disable-hover) {
  border-color: #c29130;
  background-color: #bd871e;
}

.button-wp-darkorange.activated {
  background-color: #c29130;
}

.button-outline-wp-darkorange {
  border-color: #c08d29;
  color: #c08d29;
  background-color: transparent;
}

.button-outline-wp-darkorange:hover:not(.disable-hover) {
  border-color: #c08d29;
  background-color: rgba(158, 158, 158, 0.1);
}

.button-outline-wp-darkorange.activated {
  background-color: rgba(192, 141, 41, 0.16);
}

.button-clear-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.button-clear-wp-darkorange.activated {
  background-color: rgba(158, 158, 158, 0.2);
}

.button-clear-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.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;
  border-radius: 2px;
  width: calc(100% - 24px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
  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;
  font-size: 1.4rem;
  line-height: 1.4;
}

.card-header-ios {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
  padding: 16px;
}

.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;
  font-size: 1.8rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.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: #1d1c22;
}

.card-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-ios-primary .text-ios-twitter,
.card-ios-primary .card-header-ios-twitter,
.card-ios-primary .card-title-ios-twitter,
.card-ios-primary .card-content-ios-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-ios-primary .text-ios-sandy,
.card-ios-primary .card-header-ios-sandy,
.card-ios-primary .card-title-ios-sandy,
.card-ios-primary .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-primary .text-ios-purple,
.card-ios-primary .card-header-ios-purple,
.card-ios-primary .card-title-ios-purple,
.card-ios-primary .card-content-ios-purple {
  color: #685a92;
}

.card-ios-primary .text-ios-base,
.card-ios-primary .card-header-ios-base,
.card-ios-primary .card-title-ios-base,
.card-ios-primary .card-content-ios-base {
  color: #ffffff;
}

.card-ios-primary .text-ios-headerBg,
.card-ios-primary .card-header-ios-headerBg,
.card-ios-primary .card-title-ios-headerBg,
.card-ios-primary .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-primary .text-ios-borderColor,
.card-ios-primary .card-header-ios-borderColor,
.card-ios-primary .card-title-ios-borderColor,
.card-ios-primary .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-primary .text-ios-backgroundColor,
.card-ios-primary .card-header-ios-backgroundColor,
.card-ios-primary .card-title-ios-backgroundColor,
.card-ios-primary .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-primary .text-ios-bluegrey,
.card-ios-primary .card-header-ios-bluegrey,
.card-ios-primary .card-title-ios-bluegrey,
.card-ios-primary .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-primary .text-ios-darkorange,
.card-ios-primary .card-header-ios-darkorange,
.card-ios-primary .card-title-ios-darkorange,
.card-ios-primary .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-primary,
.card-title-ios-primary,
.card-content-ios-primary {
  color: #1d1c22;
}

.card-ios .text-ios-secondary {
  color: #fa8c16;
}

.card-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-ios-secondary .text-ios-twitter,
.card-ios-secondary .card-header-ios-twitter,
.card-ios-secondary .card-title-ios-twitter,
.card-ios-secondary .card-content-ios-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-ios-secondary .text-ios-sandy,
.card-ios-secondary .card-header-ios-sandy,
.card-ios-secondary .card-title-ios-sandy,
.card-ios-secondary .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-secondary .text-ios-purple,
.card-ios-secondary .card-header-ios-purple,
.card-ios-secondary .card-title-ios-purple,
.card-ios-secondary .card-content-ios-purple {
  color: #685a92;
}

.card-ios-secondary .text-ios-base,
.card-ios-secondary .card-header-ios-base,
.card-ios-secondary .card-title-ios-base,
.card-ios-secondary .card-content-ios-base {
  color: #ffffff;
}

.card-ios-secondary .text-ios-headerBg,
.card-ios-secondary .card-header-ios-headerBg,
.card-ios-secondary .card-title-ios-headerBg,
.card-ios-secondary .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-secondary .text-ios-borderColor,
.card-ios-secondary .card-header-ios-borderColor,
.card-ios-secondary .card-title-ios-borderColor,
.card-ios-secondary .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-secondary .text-ios-backgroundColor,
.card-ios-secondary .card-header-ios-backgroundColor,
.card-ios-secondary .card-title-ios-backgroundColor,
.card-ios-secondary .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-secondary .text-ios-bluegrey,
.card-ios-secondary .card-header-ios-bluegrey,
.card-ios-secondary .card-title-ios-bluegrey,
.card-ios-secondary .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-secondary .text-ios-darkorange,
.card-ios-secondary .card-header-ios-darkorange,
.card-ios-secondary .card-title-ios-darkorange,
.card-ios-secondary .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-secondary,
.card-title-ios-secondary,
.card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios .text-ios-twitter {
  color: #55acee;
}

.card-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.card-ios-twitter .card-header-ios,
.card-ios-twitter .card-title-ios,
.card-ios-twitter .card-content-ios,
.card-ios-twitter p {
  color: #fff;
}

.card-ios-twitter .text-ios-primary,
.card-ios-twitter .card-header-ios-primary,
.card-ios-twitter .card-title-ios-primary,
.card-ios-twitter .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-twitter .text-ios-secondary,
.card-ios-twitter .card-header-ios-secondary,
.card-ios-twitter .card-title-ios-secondary,
.card-ios-twitter .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-twitter .text-ios-twitter,
.card-ios-twitter .card-header-ios-twitter,
.card-ios-twitter .card-title-ios-twitter,
.card-ios-twitter .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-twitter .text-ios-danger,
.card-ios-twitter .card-header-ios-danger,
.card-ios-twitter .card-title-ios-danger,
.card-ios-twitter .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-twitter .text-ios-light,
.card-ios-twitter .card-header-ios-light,
.card-ios-twitter .card-title-ios-light,
.card-ios-twitter .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-twitter .text-ios-sandy,
.card-ios-twitter .card-header-ios-sandy,
.card-ios-twitter .card-title-ios-sandy,
.card-ios-twitter .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-twitter .text-ios-purple,
.card-ios-twitter .card-header-ios-purple,
.card-ios-twitter .card-title-ios-purple,
.card-ios-twitter .card-content-ios-purple {
  color: #685a92;
}

.card-ios-twitter .text-ios-base,
.card-ios-twitter .card-header-ios-base,
.card-ios-twitter .card-title-ios-base,
.card-ios-twitter .card-content-ios-base {
  color: #ffffff;
}

.card-ios-twitter .text-ios-headerBg,
.card-ios-twitter .card-header-ios-headerBg,
.card-ios-twitter .card-title-ios-headerBg,
.card-ios-twitter .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-twitter .text-ios-borderColor,
.card-ios-twitter .card-header-ios-borderColor,
.card-ios-twitter .card-title-ios-borderColor,
.card-ios-twitter .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-twitter .text-ios-backgroundColor,
.card-ios-twitter .card-header-ios-backgroundColor,
.card-ios-twitter .card-title-ios-backgroundColor,
.card-ios-twitter .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-twitter .text-ios-bluegrey,
.card-ios-twitter .card-header-ios-bluegrey,
.card-ios-twitter .card-title-ios-bluegrey,
.card-ios-twitter .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-twitter .text-ios-darkorange,
.card-ios-twitter .card-header-ios-darkorange,
.card-ios-twitter .card-title-ios-darkorange,
.card-ios-twitter .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-twitter,
.card-title-ios-twitter,
.card-content-ios-twitter {
  color: #55acee;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-ios-danger .text-ios-twitter,
.card-ios-danger .card-header-ios-twitter,
.card-ios-danger .card-title-ios-twitter,
.card-ios-danger .card-content-ios-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-ios-danger .text-ios-sandy,
.card-ios-danger .card-header-ios-sandy,
.card-ios-danger .card-title-ios-sandy,
.card-ios-danger .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-danger .text-ios-purple,
.card-ios-danger .card-header-ios-purple,
.card-ios-danger .card-title-ios-purple,
.card-ios-danger .card-content-ios-purple {
  color: #685a92;
}

.card-ios-danger .text-ios-base,
.card-ios-danger .card-header-ios-base,
.card-ios-danger .card-title-ios-base,
.card-ios-danger .card-content-ios-base {
  color: #ffffff;
}

.card-ios-danger .text-ios-headerBg,
.card-ios-danger .card-header-ios-headerBg,
.card-ios-danger .card-title-ios-headerBg,
.card-ios-danger .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-danger .text-ios-borderColor,
.card-ios-danger .card-header-ios-borderColor,
.card-ios-danger .card-title-ios-borderColor,
.card-ios-danger .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-danger .text-ios-backgroundColor,
.card-ios-danger .card-header-ios-backgroundColor,
.card-ios-danger .card-title-ios-backgroundColor,
.card-ios-danger .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-danger .text-ios-bluegrey,
.card-ios-danger .card-header-ios-bluegrey,
.card-ios-danger .card-title-ios-bluegrey,
.card-ios-danger .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-danger .text-ios-darkorange,
.card-ios-danger .card-header-ios-darkorange,
.card-ios-danger .card-title-ios-darkorange,
.card-ios-danger .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-danger,
.card-title-ios-danger,
.card-content-ios-danger {
  color: #f53d3d;
}

.card-ios .text-ios-light {
  color: #d4cdec;
}

.card-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-ios-light .text-ios-twitter,
.card-ios-light .card-header-ios-twitter,
.card-ios-light .card-title-ios-twitter,
.card-ios-light .card-content-ios-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-ios-light .text-ios-sandy,
.card-ios-light .card-header-ios-sandy,
.card-ios-light .card-title-ios-sandy,
.card-ios-light .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-light .text-ios-purple,
.card-ios-light .card-header-ios-purple,
.card-ios-light .card-title-ios-purple,
.card-ios-light .card-content-ios-purple {
  color: #685a92;
}

.card-ios-light .text-ios-base,
.card-ios-light .card-header-ios-base,
.card-ios-light .card-title-ios-base,
.card-ios-light .card-content-ios-base {
  color: #ffffff;
}

.card-ios-light .text-ios-headerBg,
.card-ios-light .card-header-ios-headerBg,
.card-ios-light .card-title-ios-headerBg,
.card-ios-light .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-light .text-ios-borderColor,
.card-ios-light .card-header-ios-borderColor,
.card-ios-light .card-title-ios-borderColor,
.card-ios-light .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-light .text-ios-backgroundColor,
.card-ios-light .card-header-ios-backgroundColor,
.card-ios-light .card-title-ios-backgroundColor,
.card-ios-light .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-light .text-ios-bluegrey,
.card-ios-light .card-header-ios-bluegrey,
.card-ios-light .card-title-ios-bluegrey,
.card-ios-light .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-light .text-ios-darkorange,
.card-ios-light .card-header-ios-darkorange,
.card-ios-light .card-title-ios-darkorange,
.card-ios-light .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-light,
.card-title-ios-light,
.card-content-ios-light {
  color: #d4cdec;
}

.card-ios .text-ios-sandy {
  color: #e49f68;
}

.card-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.card-ios-sandy .card-header-ios,
.card-ios-sandy .card-title-ios,
.card-ios-sandy .card-content-ios,
.card-ios-sandy p {
  color: #fff;
}

.card-ios-sandy .text-ios-primary,
.card-ios-sandy .card-header-ios-primary,
.card-ios-sandy .card-title-ios-primary,
.card-ios-sandy .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-sandy .text-ios-secondary,
.card-ios-sandy .card-header-ios-secondary,
.card-ios-sandy .card-title-ios-secondary,
.card-ios-sandy .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-sandy .text-ios-twitter,
.card-ios-sandy .card-header-ios-twitter,
.card-ios-sandy .card-title-ios-twitter,
.card-ios-sandy .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-sandy .text-ios-danger,
.card-ios-sandy .card-header-ios-danger,
.card-ios-sandy .card-title-ios-danger,
.card-ios-sandy .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-sandy .text-ios-light,
.card-ios-sandy .card-header-ios-light,
.card-ios-sandy .card-title-ios-light,
.card-ios-sandy .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-sandy .text-ios-sandy,
.card-ios-sandy .card-header-ios-sandy,
.card-ios-sandy .card-title-ios-sandy,
.card-ios-sandy .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-sandy .text-ios-purple,
.card-ios-sandy .card-header-ios-purple,
.card-ios-sandy .card-title-ios-purple,
.card-ios-sandy .card-content-ios-purple {
  color: #685a92;
}

.card-ios-sandy .text-ios-base,
.card-ios-sandy .card-header-ios-base,
.card-ios-sandy .card-title-ios-base,
.card-ios-sandy .card-content-ios-base {
  color: #ffffff;
}

.card-ios-sandy .text-ios-headerBg,
.card-ios-sandy .card-header-ios-headerBg,
.card-ios-sandy .card-title-ios-headerBg,
.card-ios-sandy .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-sandy .text-ios-borderColor,
.card-ios-sandy .card-header-ios-borderColor,
.card-ios-sandy .card-title-ios-borderColor,
.card-ios-sandy .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-sandy .text-ios-backgroundColor,
.card-ios-sandy .card-header-ios-backgroundColor,
.card-ios-sandy .card-title-ios-backgroundColor,
.card-ios-sandy .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-sandy .text-ios-bluegrey,
.card-ios-sandy .card-header-ios-bluegrey,
.card-ios-sandy .card-title-ios-bluegrey,
.card-ios-sandy .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-sandy .text-ios-darkorange,
.card-ios-sandy .card-header-ios-darkorange,
.card-ios-sandy .card-title-ios-darkorange,
.card-ios-sandy .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-sandy,
.card-title-ios-sandy,
.card-content-ios-sandy {
  color: #e49f68;
}

.card-ios .text-ios-purple {
  color: #685a92;
}

.card-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.card-ios-purple .card-header-ios,
.card-ios-purple .card-title-ios,
.card-ios-purple .card-content-ios,
.card-ios-purple p {
  color: #fff;
}

.card-ios-purple .text-ios-primary,
.card-ios-purple .card-header-ios-primary,
.card-ios-purple .card-title-ios-primary,
.card-ios-purple .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-purple .text-ios-secondary,
.card-ios-purple .card-header-ios-secondary,
.card-ios-purple .card-title-ios-secondary,
.card-ios-purple .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-purple .text-ios-twitter,
.card-ios-purple .card-header-ios-twitter,
.card-ios-purple .card-title-ios-twitter,
.card-ios-purple .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-purple .text-ios-danger,
.card-ios-purple .card-header-ios-danger,
.card-ios-purple .card-title-ios-danger,
.card-ios-purple .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-purple .text-ios-light,
.card-ios-purple .card-header-ios-light,
.card-ios-purple .card-title-ios-light,
.card-ios-purple .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-purple .text-ios-sandy,
.card-ios-purple .card-header-ios-sandy,
.card-ios-purple .card-title-ios-sandy,
.card-ios-purple .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-purple .text-ios-purple,
.card-ios-purple .card-header-ios-purple,
.card-ios-purple .card-title-ios-purple,
.card-ios-purple .card-content-ios-purple {
  color: #685a92;
}

.card-ios-purple .text-ios-base,
.card-ios-purple .card-header-ios-base,
.card-ios-purple .card-title-ios-base,
.card-ios-purple .card-content-ios-base {
  color: #ffffff;
}

.card-ios-purple .text-ios-headerBg,
.card-ios-purple .card-header-ios-headerBg,
.card-ios-purple .card-title-ios-headerBg,
.card-ios-purple .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-purple .text-ios-borderColor,
.card-ios-purple .card-header-ios-borderColor,
.card-ios-purple .card-title-ios-borderColor,
.card-ios-purple .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-purple .text-ios-backgroundColor,
.card-ios-purple .card-header-ios-backgroundColor,
.card-ios-purple .card-title-ios-backgroundColor,
.card-ios-purple .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-purple .text-ios-bluegrey,
.card-ios-purple .card-header-ios-bluegrey,
.card-ios-purple .card-title-ios-bluegrey,
.card-ios-purple .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-purple .text-ios-darkorange,
.card-ios-purple .card-header-ios-darkorange,
.card-ios-purple .card-title-ios-darkorange,
.card-ios-purple .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-purple,
.card-title-ios-purple,
.card-content-ios-purple {
  color: #685a92;
}

.card-ios .text-ios-base {
  color: #ffffff;
}

.card-ios-base {
  color: #000;
  background-color: #ffffff;
}

.card-ios-base .card-header-ios,
.card-ios-base .card-title-ios,
.card-ios-base .card-content-ios,
.card-ios-base p {
  color: #000;
}

.card-ios-base .text-ios-primary,
.card-ios-base .card-header-ios-primary,
.card-ios-base .card-title-ios-primary,
.card-ios-base .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-base .text-ios-secondary,
.card-ios-base .card-header-ios-secondary,
.card-ios-base .card-title-ios-secondary,
.card-ios-base .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-base .text-ios-twitter,
.card-ios-base .card-header-ios-twitter,
.card-ios-base .card-title-ios-twitter,
.card-ios-base .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-base .text-ios-danger,
.card-ios-base .card-header-ios-danger,
.card-ios-base .card-title-ios-danger,
.card-ios-base .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-base .text-ios-light,
.card-ios-base .card-header-ios-light,
.card-ios-base .card-title-ios-light,
.card-ios-base .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-base .text-ios-sandy,
.card-ios-base .card-header-ios-sandy,
.card-ios-base .card-title-ios-sandy,
.card-ios-base .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-base .text-ios-purple,
.card-ios-base .card-header-ios-purple,
.card-ios-base .card-title-ios-purple,
.card-ios-base .card-content-ios-purple {
  color: #685a92;
}

.card-ios-base .text-ios-base,
.card-ios-base .card-header-ios-base,
.card-ios-base .card-title-ios-base,
.card-ios-base .card-content-ios-base {
  color: #ffffff;
}

.card-ios-base .text-ios-headerBg,
.card-ios-base .card-header-ios-headerBg,
.card-ios-base .card-title-ios-headerBg,
.card-ios-base .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-base .text-ios-borderColor,
.card-ios-base .card-header-ios-borderColor,
.card-ios-base .card-title-ios-borderColor,
.card-ios-base .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-base .text-ios-backgroundColor,
.card-ios-base .card-header-ios-backgroundColor,
.card-ios-base .card-title-ios-backgroundColor,
.card-ios-base .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-base .text-ios-bluegrey,
.card-ios-base .card-header-ios-bluegrey,
.card-ios-base .card-title-ios-bluegrey,
.card-ios-base .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-base .text-ios-darkorange,
.card-ios-base .card-header-ios-darkorange,
.card-ios-base .card-title-ios-darkorange,
.card-ios-base .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-base,
.card-title-ios-base,
.card-content-ios-base {
  color: #ffffff;
}

.card-ios .text-ios-headerBg {
  color: #2d2940;
}

.card-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.card-ios-headerBg .card-header-ios,
.card-ios-headerBg .card-title-ios,
.card-ios-headerBg .card-content-ios,
.card-ios-headerBg p {
  color: #fff;
}

.card-ios-headerBg .text-ios-primary,
.card-ios-headerBg .card-header-ios-primary,
.card-ios-headerBg .card-title-ios-primary,
.card-ios-headerBg .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-headerBg .text-ios-secondary,
.card-ios-headerBg .card-header-ios-secondary,
.card-ios-headerBg .card-title-ios-secondary,
.card-ios-headerBg .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-headerBg .text-ios-twitter,
.card-ios-headerBg .card-header-ios-twitter,
.card-ios-headerBg .card-title-ios-twitter,
.card-ios-headerBg .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-headerBg .text-ios-danger,
.card-ios-headerBg .card-header-ios-danger,
.card-ios-headerBg .card-title-ios-danger,
.card-ios-headerBg .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-headerBg .text-ios-light,
.card-ios-headerBg .card-header-ios-light,
.card-ios-headerBg .card-title-ios-light,
.card-ios-headerBg .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-headerBg .text-ios-sandy,
.card-ios-headerBg .card-header-ios-sandy,
.card-ios-headerBg .card-title-ios-sandy,
.card-ios-headerBg .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-headerBg .text-ios-purple,
.card-ios-headerBg .card-header-ios-purple,
.card-ios-headerBg .card-title-ios-purple,
.card-ios-headerBg .card-content-ios-purple {
  color: #685a92;
}

.card-ios-headerBg .text-ios-base,
.card-ios-headerBg .card-header-ios-base,
.card-ios-headerBg .card-title-ios-base,
.card-ios-headerBg .card-content-ios-base {
  color: #ffffff;
}

.card-ios-headerBg .text-ios-headerBg,
.card-ios-headerBg .card-header-ios-headerBg,
.card-ios-headerBg .card-title-ios-headerBg,
.card-ios-headerBg .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-headerBg .text-ios-borderColor,
.card-ios-headerBg .card-header-ios-borderColor,
.card-ios-headerBg .card-title-ios-borderColor,
.card-ios-headerBg .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-headerBg .text-ios-backgroundColor,
.card-ios-headerBg .card-header-ios-backgroundColor,
.card-ios-headerBg .card-title-ios-backgroundColor,
.card-ios-headerBg .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-headerBg .text-ios-bluegrey,
.card-ios-headerBg .card-header-ios-bluegrey,
.card-ios-headerBg .card-title-ios-bluegrey,
.card-ios-headerBg .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-headerBg .text-ios-darkorange,
.card-ios-headerBg .card-header-ios-darkorange,
.card-ios-headerBg .card-title-ios-darkorange,
.card-ios-headerBg .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-headerBg,
.card-title-ios-headerBg,
.card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios .text-ios-borderColor {
  color: #37314b;
}

.card-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.card-ios-borderColor .card-header-ios,
.card-ios-borderColor .card-title-ios,
.card-ios-borderColor .card-content-ios,
.card-ios-borderColor p {
  color: #fff;
}

.card-ios-borderColor .text-ios-primary,
.card-ios-borderColor .card-header-ios-primary,
.card-ios-borderColor .card-title-ios-primary,
.card-ios-borderColor .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-borderColor .text-ios-secondary,
.card-ios-borderColor .card-header-ios-secondary,
.card-ios-borderColor .card-title-ios-secondary,
.card-ios-borderColor .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-borderColor .text-ios-twitter,
.card-ios-borderColor .card-header-ios-twitter,
.card-ios-borderColor .card-title-ios-twitter,
.card-ios-borderColor .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-borderColor .text-ios-danger,
.card-ios-borderColor .card-header-ios-danger,
.card-ios-borderColor .card-title-ios-danger,
.card-ios-borderColor .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-borderColor .text-ios-light,
.card-ios-borderColor .card-header-ios-light,
.card-ios-borderColor .card-title-ios-light,
.card-ios-borderColor .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-borderColor .text-ios-sandy,
.card-ios-borderColor .card-header-ios-sandy,
.card-ios-borderColor .card-title-ios-sandy,
.card-ios-borderColor .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-borderColor .text-ios-purple,
.card-ios-borderColor .card-header-ios-purple,
.card-ios-borderColor .card-title-ios-purple,
.card-ios-borderColor .card-content-ios-purple {
  color: #685a92;
}

.card-ios-borderColor .text-ios-base,
.card-ios-borderColor .card-header-ios-base,
.card-ios-borderColor .card-title-ios-base,
.card-ios-borderColor .card-content-ios-base {
  color: #ffffff;
}

.card-ios-borderColor .text-ios-headerBg,
.card-ios-borderColor .card-header-ios-headerBg,
.card-ios-borderColor .card-title-ios-headerBg,
.card-ios-borderColor .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-borderColor .text-ios-borderColor,
.card-ios-borderColor .card-header-ios-borderColor,
.card-ios-borderColor .card-title-ios-borderColor,
.card-ios-borderColor .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-borderColor .text-ios-backgroundColor,
.card-ios-borderColor .card-header-ios-backgroundColor,
.card-ios-borderColor .card-title-ios-backgroundColor,
.card-ios-borderColor .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-borderColor .text-ios-bluegrey,
.card-ios-borderColor .card-header-ios-bluegrey,
.card-ios-borderColor .card-title-ios-bluegrey,
.card-ios-borderColor .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-borderColor .text-ios-darkorange,
.card-ios-borderColor .card-header-ios-darkorange,
.card-ios-borderColor .card-title-ios-darkorange,
.card-ios-borderColor .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-borderColor,
.card-title-ios-borderColor,
.card-content-ios-borderColor {
  color: #37314b;
}

.card-ios .text-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.card-ios-backgroundColor .card-header-ios,
.card-ios-backgroundColor .card-title-ios,
.card-ios-backgroundColor .card-content-ios,
.card-ios-backgroundColor p {
  color: #fff;
}

.card-ios-backgroundColor .text-ios-primary,
.card-ios-backgroundColor .card-header-ios-primary,
.card-ios-backgroundColor .card-title-ios-primary,
.card-ios-backgroundColor .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-backgroundColor .text-ios-secondary,
.card-ios-backgroundColor .card-header-ios-secondary,
.card-ios-backgroundColor .card-title-ios-secondary,
.card-ios-backgroundColor .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-backgroundColor .text-ios-twitter,
.card-ios-backgroundColor .card-header-ios-twitter,
.card-ios-backgroundColor .card-title-ios-twitter,
.card-ios-backgroundColor .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-backgroundColor .text-ios-danger,
.card-ios-backgroundColor .card-header-ios-danger,
.card-ios-backgroundColor .card-title-ios-danger,
.card-ios-backgroundColor .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-backgroundColor .text-ios-light,
.card-ios-backgroundColor .card-header-ios-light,
.card-ios-backgroundColor .card-title-ios-light,
.card-ios-backgroundColor .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-backgroundColor .text-ios-sandy,
.card-ios-backgroundColor .card-header-ios-sandy,
.card-ios-backgroundColor .card-title-ios-sandy,
.card-ios-backgroundColor .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-backgroundColor .text-ios-purple,
.card-ios-backgroundColor .card-header-ios-purple,
.card-ios-backgroundColor .card-title-ios-purple,
.card-ios-backgroundColor .card-content-ios-purple {
  color: #685a92;
}

.card-ios-backgroundColor .text-ios-base,
.card-ios-backgroundColor .card-header-ios-base,
.card-ios-backgroundColor .card-title-ios-base,
.card-ios-backgroundColor .card-content-ios-base {
  color: #ffffff;
}

.card-ios-backgroundColor .text-ios-headerBg,
.card-ios-backgroundColor .card-header-ios-headerBg,
.card-ios-backgroundColor .card-title-ios-headerBg,
.card-ios-backgroundColor .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-backgroundColor .text-ios-borderColor,
.card-ios-backgroundColor .card-header-ios-borderColor,
.card-ios-backgroundColor .card-title-ios-borderColor,
.card-ios-backgroundColor .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-backgroundColor .text-ios-backgroundColor,
.card-ios-backgroundColor .card-header-ios-backgroundColor,
.card-ios-backgroundColor .card-title-ios-backgroundColor,
.card-ios-backgroundColor .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-backgroundColor .text-ios-bluegrey,
.card-ios-backgroundColor .card-header-ios-bluegrey,
.card-ios-backgroundColor .card-title-ios-bluegrey,
.card-ios-backgroundColor .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-backgroundColor .text-ios-darkorange,
.card-ios-backgroundColor .card-header-ios-darkorange,
.card-ios-backgroundColor .card-title-ios-darkorange,
.card-ios-backgroundColor .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-backgroundColor,
.card-title-ios-backgroundColor,
.card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios .text-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.card-ios-bluegrey .card-header-ios,
.card-ios-bluegrey .card-title-ios,
.card-ios-bluegrey .card-content-ios,
.card-ios-bluegrey p {
  color: #fff;
}

.card-ios-bluegrey .text-ios-primary,
.card-ios-bluegrey .card-header-ios-primary,
.card-ios-bluegrey .card-title-ios-primary,
.card-ios-bluegrey .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-bluegrey .text-ios-secondary,
.card-ios-bluegrey .card-header-ios-secondary,
.card-ios-bluegrey .card-title-ios-secondary,
.card-ios-bluegrey .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-bluegrey .text-ios-twitter,
.card-ios-bluegrey .card-header-ios-twitter,
.card-ios-bluegrey .card-title-ios-twitter,
.card-ios-bluegrey .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-bluegrey .text-ios-danger,
.card-ios-bluegrey .card-header-ios-danger,
.card-ios-bluegrey .card-title-ios-danger,
.card-ios-bluegrey .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-bluegrey .text-ios-light,
.card-ios-bluegrey .card-header-ios-light,
.card-ios-bluegrey .card-title-ios-light,
.card-ios-bluegrey .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-bluegrey .text-ios-sandy,
.card-ios-bluegrey .card-header-ios-sandy,
.card-ios-bluegrey .card-title-ios-sandy,
.card-ios-bluegrey .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-bluegrey .text-ios-purple,
.card-ios-bluegrey .card-header-ios-purple,
.card-ios-bluegrey .card-title-ios-purple,
.card-ios-bluegrey .card-content-ios-purple {
  color: #685a92;
}

.card-ios-bluegrey .text-ios-base,
.card-ios-bluegrey .card-header-ios-base,
.card-ios-bluegrey .card-title-ios-base,
.card-ios-bluegrey .card-content-ios-base {
  color: #ffffff;
}

.card-ios-bluegrey .text-ios-headerBg,
.card-ios-bluegrey .card-header-ios-headerBg,
.card-ios-bluegrey .card-title-ios-headerBg,
.card-ios-bluegrey .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-bluegrey .text-ios-borderColor,
.card-ios-bluegrey .card-header-ios-borderColor,
.card-ios-bluegrey .card-title-ios-borderColor,
.card-ios-bluegrey .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-bluegrey .text-ios-backgroundColor,
.card-ios-bluegrey .card-header-ios-backgroundColor,
.card-ios-bluegrey .card-title-ios-backgroundColor,
.card-ios-bluegrey .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-bluegrey .text-ios-bluegrey,
.card-ios-bluegrey .card-header-ios-bluegrey,
.card-ios-bluegrey .card-title-ios-bluegrey,
.card-ios-bluegrey .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-bluegrey .text-ios-darkorange,
.card-ios-bluegrey .card-header-ios-darkorange,
.card-ios-bluegrey .card-title-ios-darkorange,
.card-ios-bluegrey .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-bluegrey,
.card-title-ios-bluegrey,
.card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios .text-ios-darkorange {
  color: #bd871e;
}

.card-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.card-ios-darkorange .card-header-ios,
.card-ios-darkorange .card-title-ios,
.card-ios-darkorange .card-content-ios,
.card-ios-darkorange p {
  color: #fff;
}

.card-ios-darkorange .text-ios-primary,
.card-ios-darkorange .card-header-ios-primary,
.card-ios-darkorange .card-title-ios-primary,
.card-ios-darkorange .card-content-ios-primary {
  color: #1d1c22;
}

.card-ios-darkorange .text-ios-secondary,
.card-ios-darkorange .card-header-ios-secondary,
.card-ios-darkorange .card-title-ios-secondary,
.card-ios-darkorange .card-content-ios-secondary {
  color: #fa8c16;
}

.card-ios-darkorange .text-ios-twitter,
.card-ios-darkorange .card-header-ios-twitter,
.card-ios-darkorange .card-title-ios-twitter,
.card-ios-darkorange .card-content-ios-twitter {
  color: #55acee;
}

.card-ios-darkorange .text-ios-danger,
.card-ios-darkorange .card-header-ios-danger,
.card-ios-darkorange .card-title-ios-danger,
.card-ios-darkorange .card-content-ios-danger {
  color: #f53d3d;
}

.card-ios-darkorange .text-ios-light,
.card-ios-darkorange .card-header-ios-light,
.card-ios-darkorange .card-title-ios-light,
.card-ios-darkorange .card-content-ios-light {
  color: #d4cdec;
}

.card-ios-darkorange .text-ios-sandy,
.card-ios-darkorange .card-header-ios-sandy,
.card-ios-darkorange .card-title-ios-sandy,
.card-ios-darkorange .card-content-ios-sandy {
  color: #e49f68;
}

.card-ios-darkorange .text-ios-purple,
.card-ios-darkorange .card-header-ios-purple,
.card-ios-darkorange .card-title-ios-purple,
.card-ios-darkorange .card-content-ios-purple {
  color: #685a92;
}

.card-ios-darkorange .text-ios-base,
.card-ios-darkorange .card-header-ios-base,
.card-ios-darkorange .card-title-ios-base,
.card-ios-darkorange .card-content-ios-base {
  color: #ffffff;
}

.card-ios-darkorange .text-ios-headerBg,
.card-ios-darkorange .card-header-ios-headerBg,
.card-ios-darkorange .card-title-ios-headerBg,
.card-ios-darkorange .card-content-ios-headerBg {
  color: #2d2940;
}

.card-ios-darkorange .text-ios-borderColor,
.card-ios-darkorange .card-header-ios-borderColor,
.card-ios-darkorange .card-title-ios-borderColor,
.card-ios-darkorange .card-content-ios-borderColor {
  color: #37314b;
}

.card-ios-darkorange .text-ios-backgroundColor,
.card-ios-darkorange .card-header-ios-backgroundColor,
.card-ios-darkorange .card-title-ios-backgroundColor,
.card-ios-darkorange .card-content-ios-backgroundColor {
  color: #1d1c22;
}

.card-ios-darkorange .text-ios-bluegrey,
.card-ios-darkorange .card-header-ios-bluegrey,
.card-ios-darkorange .card-title-ios-bluegrey,
.card-ios-darkorange .card-content-ios-bluegrey {
  color: #1a7d9d;
}

.card-ios-darkorange .text-ios-darkorange,
.card-ios-darkorange .card-header-ios-darkorange,
.card-ios-darkorange .card-title-ios-darkorange,
.card-ios-darkorange .card-content-ios-darkorange {
  color: #bd871e;
}

.card-header-ios-darkorange,
.card-title-ios-darkorange,
.card-content-ios-darkorange {
  color: #bd871e;
}

.card-md {
  margin: 10px;
  border-radius: 2px;
  width: calc(100% - 20px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-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);
  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;
  font-size: 1.4rem;
  line-height: 1.5;
}

.card-header-md {
  font-size: 1.6rem;
  color: #222;
  padding: 16px;
}

.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;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.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: #1d1c22;
}

.card-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-md-primary .text-md-twitter,
.card-md-primary .card-header-md-twitter,
.card-md-primary .card-title-md-twitter,
.card-md-primary .card-content-md-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-md-primary .text-md-sandy,
.card-md-primary .card-header-md-sandy,
.card-md-primary .card-title-md-sandy,
.card-md-primary .card-content-md-sandy {
  color: #e49f68;
}

.card-md-primary .text-md-purple,
.card-md-primary .card-header-md-purple,
.card-md-primary .card-title-md-purple,
.card-md-primary .card-content-md-purple {
  color: #685a92;
}

.card-md-primary .text-md-base,
.card-md-primary .card-header-md-base,
.card-md-primary .card-title-md-base,
.card-md-primary .card-content-md-base {
  color: #ffffff;
}

.card-md-primary .text-md-headerBg,
.card-md-primary .card-header-md-headerBg,
.card-md-primary .card-title-md-headerBg,
.card-md-primary .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-primary .text-md-borderColor,
.card-md-primary .card-header-md-borderColor,
.card-md-primary .card-title-md-borderColor,
.card-md-primary .card-content-md-borderColor {
  color: #37314b;
}

.card-md-primary .text-md-backgroundColor,
.card-md-primary .card-header-md-backgroundColor,
.card-md-primary .card-title-md-backgroundColor,
.card-md-primary .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-primary .text-md-bluegrey,
.card-md-primary .card-header-md-bluegrey,
.card-md-primary .card-title-md-bluegrey,
.card-md-primary .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-primary .text-md-darkorange,
.card-md-primary .card-header-md-darkorange,
.card-md-primary .card-title-md-darkorange,
.card-md-primary .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-primary,
.card-title-md-primary,
.card-content-md-primary {
  color: #1d1c22;
}

.card-md .text-md-secondary {
  color: #fa8c16;
}

.card-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-md-secondary .text-md-twitter,
.card-md-secondary .card-header-md-twitter,
.card-md-secondary .card-title-md-twitter,
.card-md-secondary .card-content-md-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-md-secondary .text-md-sandy,
.card-md-secondary .card-header-md-sandy,
.card-md-secondary .card-title-md-sandy,
.card-md-secondary .card-content-md-sandy {
  color: #e49f68;
}

.card-md-secondary .text-md-purple,
.card-md-secondary .card-header-md-purple,
.card-md-secondary .card-title-md-purple,
.card-md-secondary .card-content-md-purple {
  color: #685a92;
}

.card-md-secondary .text-md-base,
.card-md-secondary .card-header-md-base,
.card-md-secondary .card-title-md-base,
.card-md-secondary .card-content-md-base {
  color: #ffffff;
}

.card-md-secondary .text-md-headerBg,
.card-md-secondary .card-header-md-headerBg,
.card-md-secondary .card-title-md-headerBg,
.card-md-secondary .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-secondary .text-md-borderColor,
.card-md-secondary .card-header-md-borderColor,
.card-md-secondary .card-title-md-borderColor,
.card-md-secondary .card-content-md-borderColor {
  color: #37314b;
}

.card-md-secondary .text-md-backgroundColor,
.card-md-secondary .card-header-md-backgroundColor,
.card-md-secondary .card-title-md-backgroundColor,
.card-md-secondary .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-secondary .text-md-bluegrey,
.card-md-secondary .card-header-md-bluegrey,
.card-md-secondary .card-title-md-bluegrey,
.card-md-secondary .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-secondary .text-md-darkorange,
.card-md-secondary .card-header-md-darkorange,
.card-md-secondary .card-title-md-darkorange,
.card-md-secondary .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-secondary,
.card-title-md-secondary,
.card-content-md-secondary {
  color: #fa8c16;
}

.card-md .text-md-twitter {
  color: #55acee;
}

.card-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.card-md-twitter .card-header-md,
.card-md-twitter .card-title-md,
.card-md-twitter .card-content-md,
.card-md-twitter h1,
.card-md-twitter h2,
.card-md-twitter h3,
.card-md-twitter h4,
.card-md-twitter h5,
.card-md-twitter h6,
.card-md-twitter p {
  color: #fff;
}

.card-md-twitter .text-md-primary,
.card-md-twitter .card-header-md-primary,
.card-md-twitter .card-title-md-primary,
.card-md-twitter .card-content-md-primary {
  color: #1d1c22;
}

.card-md-twitter .text-md-secondary,
.card-md-twitter .card-header-md-secondary,
.card-md-twitter .card-title-md-secondary,
.card-md-twitter .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-twitter .text-md-twitter,
.card-md-twitter .card-header-md-twitter,
.card-md-twitter .card-title-md-twitter,
.card-md-twitter .card-content-md-twitter {
  color: #55acee;
}

.card-md-twitter .text-md-danger,
.card-md-twitter .card-header-md-danger,
.card-md-twitter .card-title-md-danger,
.card-md-twitter .card-content-md-danger {
  color: #f53d3d;
}

.card-md-twitter .text-md-light,
.card-md-twitter .card-header-md-light,
.card-md-twitter .card-title-md-light,
.card-md-twitter .card-content-md-light {
  color: #d4cdec;
}

.card-md-twitter .text-md-sandy,
.card-md-twitter .card-header-md-sandy,
.card-md-twitter .card-title-md-sandy,
.card-md-twitter .card-content-md-sandy {
  color: #e49f68;
}

.card-md-twitter .text-md-purple,
.card-md-twitter .card-header-md-purple,
.card-md-twitter .card-title-md-purple,
.card-md-twitter .card-content-md-purple {
  color: #685a92;
}

.card-md-twitter .text-md-base,
.card-md-twitter .card-header-md-base,
.card-md-twitter .card-title-md-base,
.card-md-twitter .card-content-md-base {
  color: #ffffff;
}

.card-md-twitter .text-md-headerBg,
.card-md-twitter .card-header-md-headerBg,
.card-md-twitter .card-title-md-headerBg,
.card-md-twitter .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-twitter .text-md-borderColor,
.card-md-twitter .card-header-md-borderColor,
.card-md-twitter .card-title-md-borderColor,
.card-md-twitter .card-content-md-borderColor {
  color: #37314b;
}

.card-md-twitter .text-md-backgroundColor,
.card-md-twitter .card-header-md-backgroundColor,
.card-md-twitter .card-title-md-backgroundColor,
.card-md-twitter .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-twitter .text-md-bluegrey,
.card-md-twitter .card-header-md-bluegrey,
.card-md-twitter .card-title-md-bluegrey,
.card-md-twitter .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-twitter .text-md-darkorange,
.card-md-twitter .card-header-md-darkorange,
.card-md-twitter .card-title-md-darkorange,
.card-md-twitter .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-twitter,
.card-title-md-twitter,
.card-content-md-twitter {
  color: #55acee;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-md-danger .text-md-twitter,
.card-md-danger .card-header-md-twitter,
.card-md-danger .card-title-md-twitter,
.card-md-danger .card-content-md-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-md-danger .text-md-sandy,
.card-md-danger .card-header-md-sandy,
.card-md-danger .card-title-md-sandy,
.card-md-danger .card-content-md-sandy {
  color: #e49f68;
}

.card-md-danger .text-md-purple,
.card-md-danger .card-header-md-purple,
.card-md-danger .card-title-md-purple,
.card-md-danger .card-content-md-purple {
  color: #685a92;
}

.card-md-danger .text-md-base,
.card-md-danger .card-header-md-base,
.card-md-danger .card-title-md-base,
.card-md-danger .card-content-md-base {
  color: #ffffff;
}

.card-md-danger .text-md-headerBg,
.card-md-danger .card-header-md-headerBg,
.card-md-danger .card-title-md-headerBg,
.card-md-danger .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-danger .text-md-borderColor,
.card-md-danger .card-header-md-borderColor,
.card-md-danger .card-title-md-borderColor,
.card-md-danger .card-content-md-borderColor {
  color: #37314b;
}

.card-md-danger .text-md-backgroundColor,
.card-md-danger .card-header-md-backgroundColor,
.card-md-danger .card-title-md-backgroundColor,
.card-md-danger .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-danger .text-md-bluegrey,
.card-md-danger .card-header-md-bluegrey,
.card-md-danger .card-title-md-bluegrey,
.card-md-danger .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-danger .text-md-darkorange,
.card-md-danger .card-header-md-darkorange,
.card-md-danger .card-title-md-darkorange,
.card-md-danger .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-danger,
.card-title-md-danger,
.card-content-md-danger {
  color: #f53d3d;
}

.card-md .text-md-light {
  color: #d4cdec;
}

.card-md-light {
  color: #000;
  background-color: #d4cdec;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-md-light .text-md-twitter,
.card-md-light .card-header-md-twitter,
.card-md-light .card-title-md-twitter,
.card-md-light .card-content-md-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-md-light .text-md-sandy,
.card-md-light .card-header-md-sandy,
.card-md-light .card-title-md-sandy,
.card-md-light .card-content-md-sandy {
  color: #e49f68;
}

.card-md-light .text-md-purple,
.card-md-light .card-header-md-purple,
.card-md-light .card-title-md-purple,
.card-md-light .card-content-md-purple {
  color: #685a92;
}

.card-md-light .text-md-base,
.card-md-light .card-header-md-base,
.card-md-light .card-title-md-base,
.card-md-light .card-content-md-base {
  color: #ffffff;
}

.card-md-light .text-md-headerBg,
.card-md-light .card-header-md-headerBg,
.card-md-light .card-title-md-headerBg,
.card-md-light .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-light .text-md-borderColor,
.card-md-light .card-header-md-borderColor,
.card-md-light .card-title-md-borderColor,
.card-md-light .card-content-md-borderColor {
  color: #37314b;
}

.card-md-light .text-md-backgroundColor,
.card-md-light .card-header-md-backgroundColor,
.card-md-light .card-title-md-backgroundColor,
.card-md-light .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-light .text-md-bluegrey,
.card-md-light .card-header-md-bluegrey,
.card-md-light .card-title-md-bluegrey,
.card-md-light .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-light .text-md-darkorange,
.card-md-light .card-header-md-darkorange,
.card-md-light .card-title-md-darkorange,
.card-md-light .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-light,
.card-title-md-light,
.card-content-md-light {
  color: #d4cdec;
}

.card-md .text-md-sandy {
  color: #e49f68;
}

.card-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.card-md-sandy .card-header-md,
.card-md-sandy .card-title-md,
.card-md-sandy .card-content-md,
.card-md-sandy h1,
.card-md-sandy h2,
.card-md-sandy h3,
.card-md-sandy h4,
.card-md-sandy h5,
.card-md-sandy h6,
.card-md-sandy p {
  color: #fff;
}

.card-md-sandy .text-md-primary,
.card-md-sandy .card-header-md-primary,
.card-md-sandy .card-title-md-primary,
.card-md-sandy .card-content-md-primary {
  color: #1d1c22;
}

.card-md-sandy .text-md-secondary,
.card-md-sandy .card-header-md-secondary,
.card-md-sandy .card-title-md-secondary,
.card-md-sandy .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-sandy .text-md-twitter,
.card-md-sandy .card-header-md-twitter,
.card-md-sandy .card-title-md-twitter,
.card-md-sandy .card-content-md-twitter {
  color: #55acee;
}

.card-md-sandy .text-md-danger,
.card-md-sandy .card-header-md-danger,
.card-md-sandy .card-title-md-danger,
.card-md-sandy .card-content-md-danger {
  color: #f53d3d;
}

.card-md-sandy .text-md-light,
.card-md-sandy .card-header-md-light,
.card-md-sandy .card-title-md-light,
.card-md-sandy .card-content-md-light {
  color: #d4cdec;
}

.card-md-sandy .text-md-sandy,
.card-md-sandy .card-header-md-sandy,
.card-md-sandy .card-title-md-sandy,
.card-md-sandy .card-content-md-sandy {
  color: #e49f68;
}

.card-md-sandy .text-md-purple,
.card-md-sandy .card-header-md-purple,
.card-md-sandy .card-title-md-purple,
.card-md-sandy .card-content-md-purple {
  color: #685a92;
}

.card-md-sandy .text-md-base,
.card-md-sandy .card-header-md-base,
.card-md-sandy .card-title-md-base,
.card-md-sandy .card-content-md-base {
  color: #ffffff;
}

.card-md-sandy .text-md-headerBg,
.card-md-sandy .card-header-md-headerBg,
.card-md-sandy .card-title-md-headerBg,
.card-md-sandy .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-sandy .text-md-borderColor,
.card-md-sandy .card-header-md-borderColor,
.card-md-sandy .card-title-md-borderColor,
.card-md-sandy .card-content-md-borderColor {
  color: #37314b;
}

.card-md-sandy .text-md-backgroundColor,
.card-md-sandy .card-header-md-backgroundColor,
.card-md-sandy .card-title-md-backgroundColor,
.card-md-sandy .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-sandy .text-md-bluegrey,
.card-md-sandy .card-header-md-bluegrey,
.card-md-sandy .card-title-md-bluegrey,
.card-md-sandy .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-sandy .text-md-darkorange,
.card-md-sandy .card-header-md-darkorange,
.card-md-sandy .card-title-md-darkorange,
.card-md-sandy .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-sandy,
.card-title-md-sandy,
.card-content-md-sandy {
  color: #e49f68;
}

.card-md .text-md-purple {
  color: #685a92;
}

.card-md-purple {
  color: #fff;
  background-color: #685a92;
}

.card-md-purple .card-header-md,
.card-md-purple .card-title-md,
.card-md-purple .card-content-md,
.card-md-purple h1,
.card-md-purple h2,
.card-md-purple h3,
.card-md-purple h4,
.card-md-purple h5,
.card-md-purple h6,
.card-md-purple p {
  color: #fff;
}

.card-md-purple .text-md-primary,
.card-md-purple .card-header-md-primary,
.card-md-purple .card-title-md-primary,
.card-md-purple .card-content-md-primary {
  color: #1d1c22;
}

.card-md-purple .text-md-secondary,
.card-md-purple .card-header-md-secondary,
.card-md-purple .card-title-md-secondary,
.card-md-purple .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-purple .text-md-twitter,
.card-md-purple .card-header-md-twitter,
.card-md-purple .card-title-md-twitter,
.card-md-purple .card-content-md-twitter {
  color: #55acee;
}

.card-md-purple .text-md-danger,
.card-md-purple .card-header-md-danger,
.card-md-purple .card-title-md-danger,
.card-md-purple .card-content-md-danger {
  color: #f53d3d;
}

.card-md-purple .text-md-light,
.card-md-purple .card-header-md-light,
.card-md-purple .card-title-md-light,
.card-md-purple .card-content-md-light {
  color: #d4cdec;
}

.card-md-purple .text-md-sandy,
.card-md-purple .card-header-md-sandy,
.card-md-purple .card-title-md-sandy,
.card-md-purple .card-content-md-sandy {
  color: #e49f68;
}

.card-md-purple .text-md-purple,
.card-md-purple .card-header-md-purple,
.card-md-purple .card-title-md-purple,
.card-md-purple .card-content-md-purple {
  color: #685a92;
}

.card-md-purple .text-md-base,
.card-md-purple .card-header-md-base,
.card-md-purple .card-title-md-base,
.card-md-purple .card-content-md-base {
  color: #ffffff;
}

.card-md-purple .text-md-headerBg,
.card-md-purple .card-header-md-headerBg,
.card-md-purple .card-title-md-headerBg,
.card-md-purple .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-purple .text-md-borderColor,
.card-md-purple .card-header-md-borderColor,
.card-md-purple .card-title-md-borderColor,
.card-md-purple .card-content-md-borderColor {
  color: #37314b;
}

.card-md-purple .text-md-backgroundColor,
.card-md-purple .card-header-md-backgroundColor,
.card-md-purple .card-title-md-backgroundColor,
.card-md-purple .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-purple .text-md-bluegrey,
.card-md-purple .card-header-md-bluegrey,
.card-md-purple .card-title-md-bluegrey,
.card-md-purple .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-purple .text-md-darkorange,
.card-md-purple .card-header-md-darkorange,
.card-md-purple .card-title-md-darkorange,
.card-md-purple .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-purple,
.card-title-md-purple,
.card-content-md-purple {
  color: #685a92;
}

.card-md .text-md-base {
  color: #ffffff;
}

.card-md-base {
  color: #000;
  background-color: #ffffff;
}

.card-md-base .card-header-md,
.card-md-base .card-title-md,
.card-md-base .card-content-md,
.card-md-base h1,
.card-md-base h2,
.card-md-base h3,
.card-md-base h4,
.card-md-base h5,
.card-md-base h6,
.card-md-base p {
  color: #000;
}

.card-md-base .text-md-primary,
.card-md-base .card-header-md-primary,
.card-md-base .card-title-md-primary,
.card-md-base .card-content-md-primary {
  color: #1d1c22;
}

.card-md-base .text-md-secondary,
.card-md-base .card-header-md-secondary,
.card-md-base .card-title-md-secondary,
.card-md-base .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-base .text-md-twitter,
.card-md-base .card-header-md-twitter,
.card-md-base .card-title-md-twitter,
.card-md-base .card-content-md-twitter {
  color: #55acee;
}

.card-md-base .text-md-danger,
.card-md-base .card-header-md-danger,
.card-md-base .card-title-md-danger,
.card-md-base .card-content-md-danger {
  color: #f53d3d;
}

.card-md-base .text-md-light,
.card-md-base .card-header-md-light,
.card-md-base .card-title-md-light,
.card-md-base .card-content-md-light {
  color: #d4cdec;
}

.card-md-base .text-md-sandy,
.card-md-base .card-header-md-sandy,
.card-md-base .card-title-md-sandy,
.card-md-base .card-content-md-sandy {
  color: #e49f68;
}

.card-md-base .text-md-purple,
.card-md-base .card-header-md-purple,
.card-md-base .card-title-md-purple,
.card-md-base .card-content-md-purple {
  color: #685a92;
}

.card-md-base .text-md-base,
.card-md-base .card-header-md-base,
.card-md-base .card-title-md-base,
.card-md-base .card-content-md-base {
  color: #ffffff;
}

.card-md-base .text-md-headerBg,
.card-md-base .card-header-md-headerBg,
.card-md-base .card-title-md-headerBg,
.card-md-base .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-base .text-md-borderColor,
.card-md-base .card-header-md-borderColor,
.card-md-base .card-title-md-borderColor,
.card-md-base .card-content-md-borderColor {
  color: #37314b;
}

.card-md-base .text-md-backgroundColor,
.card-md-base .card-header-md-backgroundColor,
.card-md-base .card-title-md-backgroundColor,
.card-md-base .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-base .text-md-bluegrey,
.card-md-base .card-header-md-bluegrey,
.card-md-base .card-title-md-bluegrey,
.card-md-base .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-base .text-md-darkorange,
.card-md-base .card-header-md-darkorange,
.card-md-base .card-title-md-darkorange,
.card-md-base .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-base,
.card-title-md-base,
.card-content-md-base {
  color: #ffffff;
}

.card-md .text-md-headerBg {
  color: #2d2940;
}

.card-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.card-md-headerBg .card-header-md,
.card-md-headerBg .card-title-md,
.card-md-headerBg .card-content-md,
.card-md-headerBg h1,
.card-md-headerBg h2,
.card-md-headerBg h3,
.card-md-headerBg h4,
.card-md-headerBg h5,
.card-md-headerBg h6,
.card-md-headerBg p {
  color: #fff;
}

.card-md-headerBg .text-md-primary,
.card-md-headerBg .card-header-md-primary,
.card-md-headerBg .card-title-md-primary,
.card-md-headerBg .card-content-md-primary {
  color: #1d1c22;
}

.card-md-headerBg .text-md-secondary,
.card-md-headerBg .card-header-md-secondary,
.card-md-headerBg .card-title-md-secondary,
.card-md-headerBg .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-headerBg .text-md-twitter,
.card-md-headerBg .card-header-md-twitter,
.card-md-headerBg .card-title-md-twitter,
.card-md-headerBg .card-content-md-twitter {
  color: #55acee;
}

.card-md-headerBg .text-md-danger,
.card-md-headerBg .card-header-md-danger,
.card-md-headerBg .card-title-md-danger,
.card-md-headerBg .card-content-md-danger {
  color: #f53d3d;
}

.card-md-headerBg .text-md-light,
.card-md-headerBg .card-header-md-light,
.card-md-headerBg .card-title-md-light,
.card-md-headerBg .card-content-md-light {
  color: #d4cdec;
}

.card-md-headerBg .text-md-sandy,
.card-md-headerBg .card-header-md-sandy,
.card-md-headerBg .card-title-md-sandy,
.card-md-headerBg .card-content-md-sandy {
  color: #e49f68;
}

.card-md-headerBg .text-md-purple,
.card-md-headerBg .card-header-md-purple,
.card-md-headerBg .card-title-md-purple,
.card-md-headerBg .card-content-md-purple {
  color: #685a92;
}

.card-md-headerBg .text-md-base,
.card-md-headerBg .card-header-md-base,
.card-md-headerBg .card-title-md-base,
.card-md-headerBg .card-content-md-base {
  color: #ffffff;
}

.card-md-headerBg .text-md-headerBg,
.card-md-headerBg .card-header-md-headerBg,
.card-md-headerBg .card-title-md-headerBg,
.card-md-headerBg .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-headerBg .text-md-borderColor,
.card-md-headerBg .card-header-md-borderColor,
.card-md-headerBg .card-title-md-borderColor,
.card-md-headerBg .card-content-md-borderColor {
  color: #37314b;
}

.card-md-headerBg .text-md-backgroundColor,
.card-md-headerBg .card-header-md-backgroundColor,
.card-md-headerBg .card-title-md-backgroundColor,
.card-md-headerBg .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-headerBg .text-md-bluegrey,
.card-md-headerBg .card-header-md-bluegrey,
.card-md-headerBg .card-title-md-bluegrey,
.card-md-headerBg .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-headerBg .text-md-darkorange,
.card-md-headerBg .card-header-md-darkorange,
.card-md-headerBg .card-title-md-darkorange,
.card-md-headerBg .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-headerBg,
.card-title-md-headerBg,
.card-content-md-headerBg {
  color: #2d2940;
}

.card-md .text-md-borderColor {
  color: #37314b;
}

.card-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.card-md-borderColor .card-header-md,
.card-md-borderColor .card-title-md,
.card-md-borderColor .card-content-md,
.card-md-borderColor h1,
.card-md-borderColor h2,
.card-md-borderColor h3,
.card-md-borderColor h4,
.card-md-borderColor h5,
.card-md-borderColor h6,
.card-md-borderColor p {
  color: #fff;
}

.card-md-borderColor .text-md-primary,
.card-md-borderColor .card-header-md-primary,
.card-md-borderColor .card-title-md-primary,
.card-md-borderColor .card-content-md-primary {
  color: #1d1c22;
}

.card-md-borderColor .text-md-secondary,
.card-md-borderColor .card-header-md-secondary,
.card-md-borderColor .card-title-md-secondary,
.card-md-borderColor .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-borderColor .text-md-twitter,
.card-md-borderColor .card-header-md-twitter,
.card-md-borderColor .card-title-md-twitter,
.card-md-borderColor .card-content-md-twitter {
  color: #55acee;
}

.card-md-borderColor .text-md-danger,
.card-md-borderColor .card-header-md-danger,
.card-md-borderColor .card-title-md-danger,
.card-md-borderColor .card-content-md-danger {
  color: #f53d3d;
}

.card-md-borderColor .text-md-light,
.card-md-borderColor .card-header-md-light,
.card-md-borderColor .card-title-md-light,
.card-md-borderColor .card-content-md-light {
  color: #d4cdec;
}

.card-md-borderColor .text-md-sandy,
.card-md-borderColor .card-header-md-sandy,
.card-md-borderColor .card-title-md-sandy,
.card-md-borderColor .card-content-md-sandy {
  color: #e49f68;
}

.card-md-borderColor .text-md-purple,
.card-md-borderColor .card-header-md-purple,
.card-md-borderColor .card-title-md-purple,
.card-md-borderColor .card-content-md-purple {
  color: #685a92;
}

.card-md-borderColor .text-md-base,
.card-md-borderColor .card-header-md-base,
.card-md-borderColor .card-title-md-base,
.card-md-borderColor .card-content-md-base {
  color: #ffffff;
}

.card-md-borderColor .text-md-headerBg,
.card-md-borderColor .card-header-md-headerBg,
.card-md-borderColor .card-title-md-headerBg,
.card-md-borderColor .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-borderColor .text-md-borderColor,
.card-md-borderColor .card-header-md-borderColor,
.card-md-borderColor .card-title-md-borderColor,
.card-md-borderColor .card-content-md-borderColor {
  color: #37314b;
}

.card-md-borderColor .text-md-backgroundColor,
.card-md-borderColor .card-header-md-backgroundColor,
.card-md-borderColor .card-title-md-backgroundColor,
.card-md-borderColor .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-borderColor .text-md-bluegrey,
.card-md-borderColor .card-header-md-bluegrey,
.card-md-borderColor .card-title-md-bluegrey,
.card-md-borderColor .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-borderColor .text-md-darkorange,
.card-md-borderColor .card-header-md-darkorange,
.card-md-borderColor .card-title-md-darkorange,
.card-md-borderColor .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-borderColor,
.card-title-md-borderColor,
.card-content-md-borderColor {
  color: #37314b;
}

.card-md .text-md-backgroundColor {
  color: #1d1c22;
}

.card-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.card-md-backgroundColor .card-header-md,
.card-md-backgroundColor .card-title-md,
.card-md-backgroundColor .card-content-md,
.card-md-backgroundColor h1,
.card-md-backgroundColor h2,
.card-md-backgroundColor h3,
.card-md-backgroundColor h4,
.card-md-backgroundColor h5,
.card-md-backgroundColor h6,
.card-md-backgroundColor p {
  color: #fff;
}

.card-md-backgroundColor .text-md-primary,
.card-md-backgroundColor .card-header-md-primary,
.card-md-backgroundColor .card-title-md-primary,
.card-md-backgroundColor .card-content-md-primary {
  color: #1d1c22;
}

.card-md-backgroundColor .text-md-secondary,
.card-md-backgroundColor .card-header-md-secondary,
.card-md-backgroundColor .card-title-md-secondary,
.card-md-backgroundColor .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-backgroundColor .text-md-twitter,
.card-md-backgroundColor .card-header-md-twitter,
.card-md-backgroundColor .card-title-md-twitter,
.card-md-backgroundColor .card-content-md-twitter {
  color: #55acee;
}

.card-md-backgroundColor .text-md-danger,
.card-md-backgroundColor .card-header-md-danger,
.card-md-backgroundColor .card-title-md-danger,
.card-md-backgroundColor .card-content-md-danger {
  color: #f53d3d;
}

.card-md-backgroundColor .text-md-light,
.card-md-backgroundColor .card-header-md-light,
.card-md-backgroundColor .card-title-md-light,
.card-md-backgroundColor .card-content-md-light {
  color: #d4cdec;
}

.card-md-backgroundColor .text-md-sandy,
.card-md-backgroundColor .card-header-md-sandy,
.card-md-backgroundColor .card-title-md-sandy,
.card-md-backgroundColor .card-content-md-sandy {
  color: #e49f68;
}

.card-md-backgroundColor .text-md-purple,
.card-md-backgroundColor .card-header-md-purple,
.card-md-backgroundColor .card-title-md-purple,
.card-md-backgroundColor .card-content-md-purple {
  color: #685a92;
}

.card-md-backgroundColor .text-md-base,
.card-md-backgroundColor .card-header-md-base,
.card-md-backgroundColor .card-title-md-base,
.card-md-backgroundColor .card-content-md-base {
  color: #ffffff;
}

.card-md-backgroundColor .text-md-headerBg,
.card-md-backgroundColor .card-header-md-headerBg,
.card-md-backgroundColor .card-title-md-headerBg,
.card-md-backgroundColor .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-backgroundColor .text-md-borderColor,
.card-md-backgroundColor .card-header-md-borderColor,
.card-md-backgroundColor .card-title-md-borderColor,
.card-md-backgroundColor .card-content-md-borderColor {
  color: #37314b;
}

.card-md-backgroundColor .text-md-backgroundColor,
.card-md-backgroundColor .card-header-md-backgroundColor,
.card-md-backgroundColor .card-title-md-backgroundColor,
.card-md-backgroundColor .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-backgroundColor .text-md-bluegrey,
.card-md-backgroundColor .card-header-md-bluegrey,
.card-md-backgroundColor .card-title-md-bluegrey,
.card-md-backgroundColor .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-backgroundColor .text-md-darkorange,
.card-md-backgroundColor .card-header-md-darkorange,
.card-md-backgroundColor .card-title-md-darkorange,
.card-md-backgroundColor .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-backgroundColor,
.card-title-md-backgroundColor,
.card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md .text-md-bluegrey {
  color: #1a7d9d;
}

.card-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.card-md-bluegrey .card-header-md,
.card-md-bluegrey .card-title-md,
.card-md-bluegrey .card-content-md,
.card-md-bluegrey h1,
.card-md-bluegrey h2,
.card-md-bluegrey h3,
.card-md-bluegrey h4,
.card-md-bluegrey h5,
.card-md-bluegrey h6,
.card-md-bluegrey p {
  color: #fff;
}

.card-md-bluegrey .text-md-primary,
.card-md-bluegrey .card-header-md-primary,
.card-md-bluegrey .card-title-md-primary,
.card-md-bluegrey .card-content-md-primary {
  color: #1d1c22;
}

.card-md-bluegrey .text-md-secondary,
.card-md-bluegrey .card-header-md-secondary,
.card-md-bluegrey .card-title-md-secondary,
.card-md-bluegrey .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-bluegrey .text-md-twitter,
.card-md-bluegrey .card-header-md-twitter,
.card-md-bluegrey .card-title-md-twitter,
.card-md-bluegrey .card-content-md-twitter {
  color: #55acee;
}

.card-md-bluegrey .text-md-danger,
.card-md-bluegrey .card-header-md-danger,
.card-md-bluegrey .card-title-md-danger,
.card-md-bluegrey .card-content-md-danger {
  color: #f53d3d;
}

.card-md-bluegrey .text-md-light,
.card-md-bluegrey .card-header-md-light,
.card-md-bluegrey .card-title-md-light,
.card-md-bluegrey .card-content-md-light {
  color: #d4cdec;
}

.card-md-bluegrey .text-md-sandy,
.card-md-bluegrey .card-header-md-sandy,
.card-md-bluegrey .card-title-md-sandy,
.card-md-bluegrey .card-content-md-sandy {
  color: #e49f68;
}

.card-md-bluegrey .text-md-purple,
.card-md-bluegrey .card-header-md-purple,
.card-md-bluegrey .card-title-md-purple,
.card-md-bluegrey .card-content-md-purple {
  color: #685a92;
}

.card-md-bluegrey .text-md-base,
.card-md-bluegrey .card-header-md-base,
.card-md-bluegrey .card-title-md-base,
.card-md-bluegrey .card-content-md-base {
  color: #ffffff;
}

.card-md-bluegrey .text-md-headerBg,
.card-md-bluegrey .card-header-md-headerBg,
.card-md-bluegrey .card-title-md-headerBg,
.card-md-bluegrey .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-bluegrey .text-md-borderColor,
.card-md-bluegrey .card-header-md-borderColor,
.card-md-bluegrey .card-title-md-borderColor,
.card-md-bluegrey .card-content-md-borderColor {
  color: #37314b;
}

.card-md-bluegrey .text-md-backgroundColor,
.card-md-bluegrey .card-header-md-backgroundColor,
.card-md-bluegrey .card-title-md-backgroundColor,
.card-md-bluegrey .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-bluegrey .text-md-bluegrey,
.card-md-bluegrey .card-header-md-bluegrey,
.card-md-bluegrey .card-title-md-bluegrey,
.card-md-bluegrey .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-bluegrey .text-md-darkorange,
.card-md-bluegrey .card-header-md-darkorange,
.card-md-bluegrey .card-title-md-darkorange,
.card-md-bluegrey .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-bluegrey,
.card-title-md-bluegrey,
.card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md .text-md-darkorange {
  color: #bd871e;
}

.card-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.card-md-darkorange .card-header-md,
.card-md-darkorange .card-title-md,
.card-md-darkorange .card-content-md,
.card-md-darkorange h1,
.card-md-darkorange h2,
.card-md-darkorange h3,
.card-md-darkorange h4,
.card-md-darkorange h5,
.card-md-darkorange h6,
.card-md-darkorange p {
  color: #fff;
}

.card-md-darkorange .text-md-primary,
.card-md-darkorange .card-header-md-primary,
.card-md-darkorange .card-title-md-primary,
.card-md-darkorange .card-content-md-primary {
  color: #1d1c22;
}

.card-md-darkorange .text-md-secondary,
.card-md-darkorange .card-header-md-secondary,
.card-md-darkorange .card-title-md-secondary,
.card-md-darkorange .card-content-md-secondary {
  color: #fa8c16;
}

.card-md-darkorange .text-md-twitter,
.card-md-darkorange .card-header-md-twitter,
.card-md-darkorange .card-title-md-twitter,
.card-md-darkorange .card-content-md-twitter {
  color: #55acee;
}

.card-md-darkorange .text-md-danger,
.card-md-darkorange .card-header-md-danger,
.card-md-darkorange .card-title-md-danger,
.card-md-darkorange .card-content-md-danger {
  color: #f53d3d;
}

.card-md-darkorange .text-md-light,
.card-md-darkorange .card-header-md-light,
.card-md-darkorange .card-title-md-light,
.card-md-darkorange .card-content-md-light {
  color: #d4cdec;
}

.card-md-darkorange .text-md-sandy,
.card-md-darkorange .card-header-md-sandy,
.card-md-darkorange .card-title-md-sandy,
.card-md-darkorange .card-content-md-sandy {
  color: #e49f68;
}

.card-md-darkorange .text-md-purple,
.card-md-darkorange .card-header-md-purple,
.card-md-darkorange .card-title-md-purple,
.card-md-darkorange .card-content-md-purple {
  color: #685a92;
}

.card-md-darkorange .text-md-base,
.card-md-darkorange .card-header-md-base,
.card-md-darkorange .card-title-md-base,
.card-md-darkorange .card-content-md-base {
  color: #ffffff;
}

.card-md-darkorange .text-md-headerBg,
.card-md-darkorange .card-header-md-headerBg,
.card-md-darkorange .card-title-md-headerBg,
.card-md-darkorange .card-content-md-headerBg {
  color: #2d2940;
}

.card-md-darkorange .text-md-borderColor,
.card-md-darkorange .card-header-md-borderColor,
.card-md-darkorange .card-title-md-borderColor,
.card-md-darkorange .card-content-md-borderColor {
  color: #37314b;
}

.card-md-darkorange .text-md-backgroundColor,
.card-md-darkorange .card-header-md-backgroundColor,
.card-md-darkorange .card-title-md-backgroundColor,
.card-md-darkorange .card-content-md-backgroundColor {
  color: #1d1c22;
}

.card-md-darkorange .text-md-bluegrey,
.card-md-darkorange .card-header-md-bluegrey,
.card-md-darkorange .card-title-md-bluegrey,
.card-md-darkorange .card-content-md-bluegrey {
  color: #1a7d9d;
}

.card-md-darkorange .text-md-darkorange,
.card-md-darkorange .card-header-md-darkorange,
.card-md-darkorange .card-title-md-darkorange,
.card-md-darkorange .card-content-md-darkorange {
  color: #bd871e;
}

.card-header-md-darkorange,
.card-title-md-darkorange,
.card-content-md-darkorange {
  color: #bd871e;
}

.card-wp {
  margin: 8px;
  border-radius: 1px;
  width: calc(100% - 16px);
  font-size: 1.4rem;
  background: #fff;
  -webkit-box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  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;
  font-size: 1.4rem;
  line-height: 1.5;
}

.card-header-wp {
  font-size: 1.6rem;
  color: #222;
  padding: 16px;
}

.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;
  font-size: 2.4rem;
  line-height: 1.2;
  color: #222;
  margin: 2px 0;
  padding: 8px 0;
}

.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: #1d1c22;
}

.card-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-wp-primary .text-wp-twitter,
.card-wp-primary .card-header-wp-twitter,
.card-wp-primary .card-title-wp-twitter,
.card-wp-primary .card-content-wp-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-wp-primary .text-wp-sandy,
.card-wp-primary .card-header-wp-sandy,
.card-wp-primary .card-title-wp-sandy,
.card-wp-primary .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-primary .text-wp-purple,
.card-wp-primary .card-header-wp-purple,
.card-wp-primary .card-title-wp-purple,
.card-wp-primary .card-content-wp-purple {
  color: #685a92;
}

.card-wp-primary .text-wp-base,
.card-wp-primary .card-header-wp-base,
.card-wp-primary .card-title-wp-base,
.card-wp-primary .card-content-wp-base {
  color: #ffffff;
}

.card-wp-primary .text-wp-headerBg,
.card-wp-primary .card-header-wp-headerBg,
.card-wp-primary .card-title-wp-headerBg,
.card-wp-primary .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-primary .text-wp-borderColor,
.card-wp-primary .card-header-wp-borderColor,
.card-wp-primary .card-title-wp-borderColor,
.card-wp-primary .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-primary .text-wp-backgroundColor,
.card-wp-primary .card-header-wp-backgroundColor,
.card-wp-primary .card-title-wp-backgroundColor,
.card-wp-primary .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-primary .text-wp-bluegrey,
.card-wp-primary .card-header-wp-bluegrey,
.card-wp-primary .card-title-wp-bluegrey,
.card-wp-primary .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-primary .text-wp-darkorange,
.card-wp-primary .card-header-wp-darkorange,
.card-wp-primary .card-title-wp-darkorange,
.card-wp-primary .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-primary,
.card-title-wp-primary,
.card-content-wp-primary {
  color: #1d1c22;
}

.card-wp .text-wp-secondary {
  color: #fa8c16;
}

.card-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-wp-secondary .text-wp-twitter,
.card-wp-secondary .card-header-wp-twitter,
.card-wp-secondary .card-title-wp-twitter,
.card-wp-secondary .card-content-wp-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-wp-secondary .text-wp-sandy,
.card-wp-secondary .card-header-wp-sandy,
.card-wp-secondary .card-title-wp-sandy,
.card-wp-secondary .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-secondary .text-wp-purple,
.card-wp-secondary .card-header-wp-purple,
.card-wp-secondary .card-title-wp-purple,
.card-wp-secondary .card-content-wp-purple {
  color: #685a92;
}

.card-wp-secondary .text-wp-base,
.card-wp-secondary .card-header-wp-base,
.card-wp-secondary .card-title-wp-base,
.card-wp-secondary .card-content-wp-base {
  color: #ffffff;
}

.card-wp-secondary .text-wp-headerBg,
.card-wp-secondary .card-header-wp-headerBg,
.card-wp-secondary .card-title-wp-headerBg,
.card-wp-secondary .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-secondary .text-wp-borderColor,
.card-wp-secondary .card-header-wp-borderColor,
.card-wp-secondary .card-title-wp-borderColor,
.card-wp-secondary .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-secondary .text-wp-backgroundColor,
.card-wp-secondary .card-header-wp-backgroundColor,
.card-wp-secondary .card-title-wp-backgroundColor,
.card-wp-secondary .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-secondary .text-wp-bluegrey,
.card-wp-secondary .card-header-wp-bluegrey,
.card-wp-secondary .card-title-wp-bluegrey,
.card-wp-secondary .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-secondary .text-wp-darkorange,
.card-wp-secondary .card-header-wp-darkorange,
.card-wp-secondary .card-title-wp-darkorange,
.card-wp-secondary .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-secondary,
.card-title-wp-secondary,
.card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp .text-wp-twitter {
  color: #55acee;
}

.card-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.card-wp-twitter .card-header-wp,
.card-wp-twitter .card-title-wp,
.card-wp-twitter .card-content-wp,
.card-wp-twitter h1,
.card-wp-twitter h2,
.card-wp-twitter h3,
.card-wp-twitter h4,
.card-wp-twitter h5,
.card-wp-twitter h6,
.card-wp-twitter p {
  color: #fff;
}

.card-wp-twitter .text-wp-primary,
.card-wp-twitter .card-header-wp-primary,
.card-wp-twitter .card-title-wp-primary,
.card-wp-twitter .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-twitter .text-wp-secondary,
.card-wp-twitter .card-header-wp-secondary,
.card-wp-twitter .card-title-wp-secondary,
.card-wp-twitter .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-twitter .text-wp-twitter,
.card-wp-twitter .card-header-wp-twitter,
.card-wp-twitter .card-title-wp-twitter,
.card-wp-twitter .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-twitter .text-wp-danger,
.card-wp-twitter .card-header-wp-danger,
.card-wp-twitter .card-title-wp-danger,
.card-wp-twitter .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-twitter .text-wp-light,
.card-wp-twitter .card-header-wp-light,
.card-wp-twitter .card-title-wp-light,
.card-wp-twitter .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-twitter .text-wp-sandy,
.card-wp-twitter .card-header-wp-sandy,
.card-wp-twitter .card-title-wp-sandy,
.card-wp-twitter .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-twitter .text-wp-purple,
.card-wp-twitter .card-header-wp-purple,
.card-wp-twitter .card-title-wp-purple,
.card-wp-twitter .card-content-wp-purple {
  color: #685a92;
}

.card-wp-twitter .text-wp-base,
.card-wp-twitter .card-header-wp-base,
.card-wp-twitter .card-title-wp-base,
.card-wp-twitter .card-content-wp-base {
  color: #ffffff;
}

.card-wp-twitter .text-wp-headerBg,
.card-wp-twitter .card-header-wp-headerBg,
.card-wp-twitter .card-title-wp-headerBg,
.card-wp-twitter .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-twitter .text-wp-borderColor,
.card-wp-twitter .card-header-wp-borderColor,
.card-wp-twitter .card-title-wp-borderColor,
.card-wp-twitter .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-twitter .text-wp-backgroundColor,
.card-wp-twitter .card-header-wp-backgroundColor,
.card-wp-twitter .card-title-wp-backgroundColor,
.card-wp-twitter .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-twitter .text-wp-bluegrey,
.card-wp-twitter .card-header-wp-bluegrey,
.card-wp-twitter .card-title-wp-bluegrey,
.card-wp-twitter .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-twitter .text-wp-darkorange,
.card-wp-twitter .card-header-wp-darkorange,
.card-wp-twitter .card-title-wp-darkorange,
.card-wp-twitter .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-twitter,
.card-title-wp-twitter,
.card-content-wp-twitter {
  color: #55acee;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-wp-danger .text-wp-twitter,
.card-wp-danger .card-header-wp-twitter,
.card-wp-danger .card-title-wp-twitter,
.card-wp-danger .card-content-wp-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-wp-danger .text-wp-sandy,
.card-wp-danger .card-header-wp-sandy,
.card-wp-danger .card-title-wp-sandy,
.card-wp-danger .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-danger .text-wp-purple,
.card-wp-danger .card-header-wp-purple,
.card-wp-danger .card-title-wp-purple,
.card-wp-danger .card-content-wp-purple {
  color: #685a92;
}

.card-wp-danger .text-wp-base,
.card-wp-danger .card-header-wp-base,
.card-wp-danger .card-title-wp-base,
.card-wp-danger .card-content-wp-base {
  color: #ffffff;
}

.card-wp-danger .text-wp-headerBg,
.card-wp-danger .card-header-wp-headerBg,
.card-wp-danger .card-title-wp-headerBg,
.card-wp-danger .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-danger .text-wp-borderColor,
.card-wp-danger .card-header-wp-borderColor,
.card-wp-danger .card-title-wp-borderColor,
.card-wp-danger .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-danger .text-wp-backgroundColor,
.card-wp-danger .card-header-wp-backgroundColor,
.card-wp-danger .card-title-wp-backgroundColor,
.card-wp-danger .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-danger .text-wp-bluegrey,
.card-wp-danger .card-header-wp-bluegrey,
.card-wp-danger .card-title-wp-bluegrey,
.card-wp-danger .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-danger .text-wp-darkorange,
.card-wp-danger .card-header-wp-darkorange,
.card-wp-danger .card-title-wp-darkorange,
.card-wp-danger .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-danger,
.card-title-wp-danger,
.card-content-wp-danger {
  color: #f53d3d;
}

.card-wp .text-wp-light {
  color: #d4cdec;
}

.card-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.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: #1d1c22;
}

.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: #fa8c16;
}

.card-wp-light .text-wp-twitter,
.card-wp-light .card-header-wp-twitter,
.card-wp-light .card-title-wp-twitter,
.card-wp-light .card-content-wp-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.card-wp-light .text-wp-sandy,
.card-wp-light .card-header-wp-sandy,
.card-wp-light .card-title-wp-sandy,
.card-wp-light .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-light .text-wp-purple,
.card-wp-light .card-header-wp-purple,
.card-wp-light .card-title-wp-purple,
.card-wp-light .card-content-wp-purple {
  color: #685a92;
}

.card-wp-light .text-wp-base,
.card-wp-light .card-header-wp-base,
.card-wp-light .card-title-wp-base,
.card-wp-light .card-content-wp-base {
  color: #ffffff;
}

.card-wp-light .text-wp-headerBg,
.card-wp-light .card-header-wp-headerBg,
.card-wp-light .card-title-wp-headerBg,
.card-wp-light .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-light .text-wp-borderColor,
.card-wp-light .card-header-wp-borderColor,
.card-wp-light .card-title-wp-borderColor,
.card-wp-light .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-light .text-wp-backgroundColor,
.card-wp-light .card-header-wp-backgroundColor,
.card-wp-light .card-title-wp-backgroundColor,
.card-wp-light .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-light .text-wp-bluegrey,
.card-wp-light .card-header-wp-bluegrey,
.card-wp-light .card-title-wp-bluegrey,
.card-wp-light .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-light .text-wp-darkorange,
.card-wp-light .card-header-wp-darkorange,
.card-wp-light .card-title-wp-darkorange,
.card-wp-light .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-light,
.card-title-wp-light,
.card-content-wp-light {
  color: #d4cdec;
}

.card-wp .text-wp-sandy {
  color: #e49f68;
}

.card-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.card-wp-sandy .card-header-wp,
.card-wp-sandy .card-title-wp,
.card-wp-sandy .card-content-wp,
.card-wp-sandy h1,
.card-wp-sandy h2,
.card-wp-sandy h3,
.card-wp-sandy h4,
.card-wp-sandy h5,
.card-wp-sandy h6,
.card-wp-sandy p {
  color: #fff;
}

.card-wp-sandy .text-wp-primary,
.card-wp-sandy .card-header-wp-primary,
.card-wp-sandy .card-title-wp-primary,
.card-wp-sandy .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-sandy .text-wp-secondary,
.card-wp-sandy .card-header-wp-secondary,
.card-wp-sandy .card-title-wp-secondary,
.card-wp-sandy .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-sandy .text-wp-twitter,
.card-wp-sandy .card-header-wp-twitter,
.card-wp-sandy .card-title-wp-twitter,
.card-wp-sandy .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-sandy .text-wp-danger,
.card-wp-sandy .card-header-wp-danger,
.card-wp-sandy .card-title-wp-danger,
.card-wp-sandy .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-sandy .text-wp-light,
.card-wp-sandy .card-header-wp-light,
.card-wp-sandy .card-title-wp-light,
.card-wp-sandy .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-sandy .text-wp-sandy,
.card-wp-sandy .card-header-wp-sandy,
.card-wp-sandy .card-title-wp-sandy,
.card-wp-sandy .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-sandy .text-wp-purple,
.card-wp-sandy .card-header-wp-purple,
.card-wp-sandy .card-title-wp-purple,
.card-wp-sandy .card-content-wp-purple {
  color: #685a92;
}

.card-wp-sandy .text-wp-base,
.card-wp-sandy .card-header-wp-base,
.card-wp-sandy .card-title-wp-base,
.card-wp-sandy .card-content-wp-base {
  color: #ffffff;
}

.card-wp-sandy .text-wp-headerBg,
.card-wp-sandy .card-header-wp-headerBg,
.card-wp-sandy .card-title-wp-headerBg,
.card-wp-sandy .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-sandy .text-wp-borderColor,
.card-wp-sandy .card-header-wp-borderColor,
.card-wp-sandy .card-title-wp-borderColor,
.card-wp-sandy .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-sandy .text-wp-backgroundColor,
.card-wp-sandy .card-header-wp-backgroundColor,
.card-wp-sandy .card-title-wp-backgroundColor,
.card-wp-sandy .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-sandy .text-wp-bluegrey,
.card-wp-sandy .card-header-wp-bluegrey,
.card-wp-sandy .card-title-wp-bluegrey,
.card-wp-sandy .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-sandy .text-wp-darkorange,
.card-wp-sandy .card-header-wp-darkorange,
.card-wp-sandy .card-title-wp-darkorange,
.card-wp-sandy .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-sandy,
.card-title-wp-sandy,
.card-content-wp-sandy {
  color: #e49f68;
}

.card-wp .text-wp-purple {
  color: #685a92;
}

.card-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.card-wp-purple .card-header-wp,
.card-wp-purple .card-title-wp,
.card-wp-purple .card-content-wp,
.card-wp-purple h1,
.card-wp-purple h2,
.card-wp-purple h3,
.card-wp-purple h4,
.card-wp-purple h5,
.card-wp-purple h6,
.card-wp-purple p {
  color: #fff;
}

.card-wp-purple .text-wp-primary,
.card-wp-purple .card-header-wp-primary,
.card-wp-purple .card-title-wp-primary,
.card-wp-purple .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-purple .text-wp-secondary,
.card-wp-purple .card-header-wp-secondary,
.card-wp-purple .card-title-wp-secondary,
.card-wp-purple .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-purple .text-wp-twitter,
.card-wp-purple .card-header-wp-twitter,
.card-wp-purple .card-title-wp-twitter,
.card-wp-purple .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-purple .text-wp-danger,
.card-wp-purple .card-header-wp-danger,
.card-wp-purple .card-title-wp-danger,
.card-wp-purple .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-purple .text-wp-light,
.card-wp-purple .card-header-wp-light,
.card-wp-purple .card-title-wp-light,
.card-wp-purple .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-purple .text-wp-sandy,
.card-wp-purple .card-header-wp-sandy,
.card-wp-purple .card-title-wp-sandy,
.card-wp-purple .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-purple .text-wp-purple,
.card-wp-purple .card-header-wp-purple,
.card-wp-purple .card-title-wp-purple,
.card-wp-purple .card-content-wp-purple {
  color: #685a92;
}

.card-wp-purple .text-wp-base,
.card-wp-purple .card-header-wp-base,
.card-wp-purple .card-title-wp-base,
.card-wp-purple .card-content-wp-base {
  color: #ffffff;
}

.card-wp-purple .text-wp-headerBg,
.card-wp-purple .card-header-wp-headerBg,
.card-wp-purple .card-title-wp-headerBg,
.card-wp-purple .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-purple .text-wp-borderColor,
.card-wp-purple .card-header-wp-borderColor,
.card-wp-purple .card-title-wp-borderColor,
.card-wp-purple .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-purple .text-wp-backgroundColor,
.card-wp-purple .card-header-wp-backgroundColor,
.card-wp-purple .card-title-wp-backgroundColor,
.card-wp-purple .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-purple .text-wp-bluegrey,
.card-wp-purple .card-header-wp-bluegrey,
.card-wp-purple .card-title-wp-bluegrey,
.card-wp-purple .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-purple .text-wp-darkorange,
.card-wp-purple .card-header-wp-darkorange,
.card-wp-purple .card-title-wp-darkorange,
.card-wp-purple .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-purple,
.card-title-wp-purple,
.card-content-wp-purple {
  color: #685a92;
}

.card-wp .text-wp-base {
  color: #ffffff;
}

.card-wp-base {
  color: #000;
  background-color: #ffffff;
}

.card-wp-base .card-header-wp,
.card-wp-base .card-title-wp,
.card-wp-base .card-content-wp,
.card-wp-base h1,
.card-wp-base h2,
.card-wp-base h3,
.card-wp-base h4,
.card-wp-base h5,
.card-wp-base h6,
.card-wp-base p {
  color: #000;
}

.card-wp-base .text-wp-primary,
.card-wp-base .card-header-wp-primary,
.card-wp-base .card-title-wp-primary,
.card-wp-base .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-base .text-wp-secondary,
.card-wp-base .card-header-wp-secondary,
.card-wp-base .card-title-wp-secondary,
.card-wp-base .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-base .text-wp-twitter,
.card-wp-base .card-header-wp-twitter,
.card-wp-base .card-title-wp-twitter,
.card-wp-base .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-base .text-wp-danger,
.card-wp-base .card-header-wp-danger,
.card-wp-base .card-title-wp-danger,
.card-wp-base .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-base .text-wp-light,
.card-wp-base .card-header-wp-light,
.card-wp-base .card-title-wp-light,
.card-wp-base .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-base .text-wp-sandy,
.card-wp-base .card-header-wp-sandy,
.card-wp-base .card-title-wp-sandy,
.card-wp-base .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-base .text-wp-purple,
.card-wp-base .card-header-wp-purple,
.card-wp-base .card-title-wp-purple,
.card-wp-base .card-content-wp-purple {
  color: #685a92;
}

.card-wp-base .text-wp-base,
.card-wp-base .card-header-wp-base,
.card-wp-base .card-title-wp-base,
.card-wp-base .card-content-wp-base {
  color: #ffffff;
}

.card-wp-base .text-wp-headerBg,
.card-wp-base .card-header-wp-headerBg,
.card-wp-base .card-title-wp-headerBg,
.card-wp-base .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-base .text-wp-borderColor,
.card-wp-base .card-header-wp-borderColor,
.card-wp-base .card-title-wp-borderColor,
.card-wp-base .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-base .text-wp-backgroundColor,
.card-wp-base .card-header-wp-backgroundColor,
.card-wp-base .card-title-wp-backgroundColor,
.card-wp-base .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-base .text-wp-bluegrey,
.card-wp-base .card-header-wp-bluegrey,
.card-wp-base .card-title-wp-bluegrey,
.card-wp-base .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-base .text-wp-darkorange,
.card-wp-base .card-header-wp-darkorange,
.card-wp-base .card-title-wp-darkorange,
.card-wp-base .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-base,
.card-title-wp-base,
.card-content-wp-base {
  color: #ffffff;
}

.card-wp .text-wp-headerBg {
  color: #2d2940;
}

.card-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.card-wp-headerBg .card-header-wp,
.card-wp-headerBg .card-title-wp,
.card-wp-headerBg .card-content-wp,
.card-wp-headerBg h1,
.card-wp-headerBg h2,
.card-wp-headerBg h3,
.card-wp-headerBg h4,
.card-wp-headerBg h5,
.card-wp-headerBg h6,
.card-wp-headerBg p {
  color: #fff;
}

.card-wp-headerBg .text-wp-primary,
.card-wp-headerBg .card-header-wp-primary,
.card-wp-headerBg .card-title-wp-primary,
.card-wp-headerBg .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-headerBg .text-wp-secondary,
.card-wp-headerBg .card-header-wp-secondary,
.card-wp-headerBg .card-title-wp-secondary,
.card-wp-headerBg .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-headerBg .text-wp-twitter,
.card-wp-headerBg .card-header-wp-twitter,
.card-wp-headerBg .card-title-wp-twitter,
.card-wp-headerBg .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-headerBg .text-wp-danger,
.card-wp-headerBg .card-header-wp-danger,
.card-wp-headerBg .card-title-wp-danger,
.card-wp-headerBg .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-headerBg .text-wp-light,
.card-wp-headerBg .card-header-wp-light,
.card-wp-headerBg .card-title-wp-light,
.card-wp-headerBg .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-headerBg .text-wp-sandy,
.card-wp-headerBg .card-header-wp-sandy,
.card-wp-headerBg .card-title-wp-sandy,
.card-wp-headerBg .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-headerBg .text-wp-purple,
.card-wp-headerBg .card-header-wp-purple,
.card-wp-headerBg .card-title-wp-purple,
.card-wp-headerBg .card-content-wp-purple {
  color: #685a92;
}

.card-wp-headerBg .text-wp-base,
.card-wp-headerBg .card-header-wp-base,
.card-wp-headerBg .card-title-wp-base,
.card-wp-headerBg .card-content-wp-base {
  color: #ffffff;
}

.card-wp-headerBg .text-wp-headerBg,
.card-wp-headerBg .card-header-wp-headerBg,
.card-wp-headerBg .card-title-wp-headerBg,
.card-wp-headerBg .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-headerBg .text-wp-borderColor,
.card-wp-headerBg .card-header-wp-borderColor,
.card-wp-headerBg .card-title-wp-borderColor,
.card-wp-headerBg .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-headerBg .text-wp-backgroundColor,
.card-wp-headerBg .card-header-wp-backgroundColor,
.card-wp-headerBg .card-title-wp-backgroundColor,
.card-wp-headerBg .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-headerBg .text-wp-bluegrey,
.card-wp-headerBg .card-header-wp-bluegrey,
.card-wp-headerBg .card-title-wp-bluegrey,
.card-wp-headerBg .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-headerBg .text-wp-darkorange,
.card-wp-headerBg .card-header-wp-darkorange,
.card-wp-headerBg .card-title-wp-darkorange,
.card-wp-headerBg .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-headerBg,
.card-title-wp-headerBg,
.card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp .text-wp-borderColor {
  color: #37314b;
}

.card-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.card-wp-borderColor .card-header-wp,
.card-wp-borderColor .card-title-wp,
.card-wp-borderColor .card-content-wp,
.card-wp-borderColor h1,
.card-wp-borderColor h2,
.card-wp-borderColor h3,
.card-wp-borderColor h4,
.card-wp-borderColor h5,
.card-wp-borderColor h6,
.card-wp-borderColor p {
  color: #fff;
}

.card-wp-borderColor .text-wp-primary,
.card-wp-borderColor .card-header-wp-primary,
.card-wp-borderColor .card-title-wp-primary,
.card-wp-borderColor .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-borderColor .text-wp-secondary,
.card-wp-borderColor .card-header-wp-secondary,
.card-wp-borderColor .card-title-wp-secondary,
.card-wp-borderColor .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-borderColor .text-wp-twitter,
.card-wp-borderColor .card-header-wp-twitter,
.card-wp-borderColor .card-title-wp-twitter,
.card-wp-borderColor .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-borderColor .text-wp-danger,
.card-wp-borderColor .card-header-wp-danger,
.card-wp-borderColor .card-title-wp-danger,
.card-wp-borderColor .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-borderColor .text-wp-light,
.card-wp-borderColor .card-header-wp-light,
.card-wp-borderColor .card-title-wp-light,
.card-wp-borderColor .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-borderColor .text-wp-sandy,
.card-wp-borderColor .card-header-wp-sandy,
.card-wp-borderColor .card-title-wp-sandy,
.card-wp-borderColor .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-borderColor .text-wp-purple,
.card-wp-borderColor .card-header-wp-purple,
.card-wp-borderColor .card-title-wp-purple,
.card-wp-borderColor .card-content-wp-purple {
  color: #685a92;
}

.card-wp-borderColor .text-wp-base,
.card-wp-borderColor .card-header-wp-base,
.card-wp-borderColor .card-title-wp-base,
.card-wp-borderColor .card-content-wp-base {
  color: #ffffff;
}

.card-wp-borderColor .text-wp-headerBg,
.card-wp-borderColor .card-header-wp-headerBg,
.card-wp-borderColor .card-title-wp-headerBg,
.card-wp-borderColor .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-borderColor .text-wp-borderColor,
.card-wp-borderColor .card-header-wp-borderColor,
.card-wp-borderColor .card-title-wp-borderColor,
.card-wp-borderColor .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-borderColor .text-wp-backgroundColor,
.card-wp-borderColor .card-header-wp-backgroundColor,
.card-wp-borderColor .card-title-wp-backgroundColor,
.card-wp-borderColor .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-borderColor .text-wp-bluegrey,
.card-wp-borderColor .card-header-wp-bluegrey,
.card-wp-borderColor .card-title-wp-bluegrey,
.card-wp-borderColor .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-borderColor .text-wp-darkorange,
.card-wp-borderColor .card-header-wp-darkorange,
.card-wp-borderColor .card-title-wp-darkorange,
.card-wp-borderColor .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-borderColor,
.card-title-wp-borderColor,
.card-content-wp-borderColor {
  color: #37314b;
}

.card-wp .text-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.card-wp-backgroundColor .card-header-wp,
.card-wp-backgroundColor .card-title-wp,
.card-wp-backgroundColor .card-content-wp,
.card-wp-backgroundColor h1,
.card-wp-backgroundColor h2,
.card-wp-backgroundColor h3,
.card-wp-backgroundColor h4,
.card-wp-backgroundColor h5,
.card-wp-backgroundColor h6,
.card-wp-backgroundColor p {
  color: #fff;
}

.card-wp-backgroundColor .text-wp-primary,
.card-wp-backgroundColor .card-header-wp-primary,
.card-wp-backgroundColor .card-title-wp-primary,
.card-wp-backgroundColor .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-backgroundColor .text-wp-secondary,
.card-wp-backgroundColor .card-header-wp-secondary,
.card-wp-backgroundColor .card-title-wp-secondary,
.card-wp-backgroundColor .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-backgroundColor .text-wp-twitter,
.card-wp-backgroundColor .card-header-wp-twitter,
.card-wp-backgroundColor .card-title-wp-twitter,
.card-wp-backgroundColor .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-backgroundColor .text-wp-danger,
.card-wp-backgroundColor .card-header-wp-danger,
.card-wp-backgroundColor .card-title-wp-danger,
.card-wp-backgroundColor .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-backgroundColor .text-wp-light,
.card-wp-backgroundColor .card-header-wp-light,
.card-wp-backgroundColor .card-title-wp-light,
.card-wp-backgroundColor .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-backgroundColor .text-wp-sandy,
.card-wp-backgroundColor .card-header-wp-sandy,
.card-wp-backgroundColor .card-title-wp-sandy,
.card-wp-backgroundColor .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-backgroundColor .text-wp-purple,
.card-wp-backgroundColor .card-header-wp-purple,
.card-wp-backgroundColor .card-title-wp-purple,
.card-wp-backgroundColor .card-content-wp-purple {
  color: #685a92;
}

.card-wp-backgroundColor .text-wp-base,
.card-wp-backgroundColor .card-header-wp-base,
.card-wp-backgroundColor .card-title-wp-base,
.card-wp-backgroundColor .card-content-wp-base {
  color: #ffffff;
}

.card-wp-backgroundColor .text-wp-headerBg,
.card-wp-backgroundColor .card-header-wp-headerBg,
.card-wp-backgroundColor .card-title-wp-headerBg,
.card-wp-backgroundColor .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-backgroundColor .text-wp-borderColor,
.card-wp-backgroundColor .card-header-wp-borderColor,
.card-wp-backgroundColor .card-title-wp-borderColor,
.card-wp-backgroundColor .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-backgroundColor .text-wp-backgroundColor,
.card-wp-backgroundColor .card-header-wp-backgroundColor,
.card-wp-backgroundColor .card-title-wp-backgroundColor,
.card-wp-backgroundColor .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-backgroundColor .text-wp-bluegrey,
.card-wp-backgroundColor .card-header-wp-bluegrey,
.card-wp-backgroundColor .card-title-wp-bluegrey,
.card-wp-backgroundColor .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-backgroundColor .text-wp-darkorange,
.card-wp-backgroundColor .card-header-wp-darkorange,
.card-wp-backgroundColor .card-title-wp-darkorange,
.card-wp-backgroundColor .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-backgroundColor,
.card-title-wp-backgroundColor,
.card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp .text-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.card-wp-bluegrey .card-header-wp,
.card-wp-bluegrey .card-title-wp,
.card-wp-bluegrey .card-content-wp,
.card-wp-bluegrey h1,
.card-wp-bluegrey h2,
.card-wp-bluegrey h3,
.card-wp-bluegrey h4,
.card-wp-bluegrey h5,
.card-wp-bluegrey h6,
.card-wp-bluegrey p {
  color: #fff;
}

.card-wp-bluegrey .text-wp-primary,
.card-wp-bluegrey .card-header-wp-primary,
.card-wp-bluegrey .card-title-wp-primary,
.card-wp-bluegrey .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-bluegrey .text-wp-secondary,
.card-wp-bluegrey .card-header-wp-secondary,
.card-wp-bluegrey .card-title-wp-secondary,
.card-wp-bluegrey .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-bluegrey .text-wp-twitter,
.card-wp-bluegrey .card-header-wp-twitter,
.card-wp-bluegrey .card-title-wp-twitter,
.card-wp-bluegrey .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-bluegrey .text-wp-danger,
.card-wp-bluegrey .card-header-wp-danger,
.card-wp-bluegrey .card-title-wp-danger,
.card-wp-bluegrey .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-bluegrey .text-wp-light,
.card-wp-bluegrey .card-header-wp-light,
.card-wp-bluegrey .card-title-wp-light,
.card-wp-bluegrey .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-bluegrey .text-wp-sandy,
.card-wp-bluegrey .card-header-wp-sandy,
.card-wp-bluegrey .card-title-wp-sandy,
.card-wp-bluegrey .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-bluegrey .text-wp-purple,
.card-wp-bluegrey .card-header-wp-purple,
.card-wp-bluegrey .card-title-wp-purple,
.card-wp-bluegrey .card-content-wp-purple {
  color: #685a92;
}

.card-wp-bluegrey .text-wp-base,
.card-wp-bluegrey .card-header-wp-base,
.card-wp-bluegrey .card-title-wp-base,
.card-wp-bluegrey .card-content-wp-base {
  color: #ffffff;
}

.card-wp-bluegrey .text-wp-headerBg,
.card-wp-bluegrey .card-header-wp-headerBg,
.card-wp-bluegrey .card-title-wp-headerBg,
.card-wp-bluegrey .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-bluegrey .text-wp-borderColor,
.card-wp-bluegrey .card-header-wp-borderColor,
.card-wp-bluegrey .card-title-wp-borderColor,
.card-wp-bluegrey .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-bluegrey .text-wp-backgroundColor,
.card-wp-bluegrey .card-header-wp-backgroundColor,
.card-wp-bluegrey .card-title-wp-backgroundColor,
.card-wp-bluegrey .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-bluegrey .text-wp-bluegrey,
.card-wp-bluegrey .card-header-wp-bluegrey,
.card-wp-bluegrey .card-title-wp-bluegrey,
.card-wp-bluegrey .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-bluegrey .text-wp-darkorange,
.card-wp-bluegrey .card-header-wp-darkorange,
.card-wp-bluegrey .card-title-wp-darkorange,
.card-wp-bluegrey .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-bluegrey,
.card-title-wp-bluegrey,
.card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp .text-wp-darkorange {
  color: #bd871e;
}

.card-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.card-wp-darkorange .card-header-wp,
.card-wp-darkorange .card-title-wp,
.card-wp-darkorange .card-content-wp,
.card-wp-darkorange h1,
.card-wp-darkorange h2,
.card-wp-darkorange h3,
.card-wp-darkorange h4,
.card-wp-darkorange h5,
.card-wp-darkorange h6,
.card-wp-darkorange p {
  color: #fff;
}

.card-wp-darkorange .text-wp-primary,
.card-wp-darkorange .card-header-wp-primary,
.card-wp-darkorange .card-title-wp-primary,
.card-wp-darkorange .card-content-wp-primary {
  color: #1d1c22;
}

.card-wp-darkorange .text-wp-secondary,
.card-wp-darkorange .card-header-wp-secondary,
.card-wp-darkorange .card-title-wp-secondary,
.card-wp-darkorange .card-content-wp-secondary {
  color: #fa8c16;
}

.card-wp-darkorange .text-wp-twitter,
.card-wp-darkorange .card-header-wp-twitter,
.card-wp-darkorange .card-title-wp-twitter,
.card-wp-darkorange .card-content-wp-twitter {
  color: #55acee;
}

.card-wp-darkorange .text-wp-danger,
.card-wp-darkorange .card-header-wp-danger,
.card-wp-darkorange .card-title-wp-danger,
.card-wp-darkorange .card-content-wp-danger {
  color: #f53d3d;
}

.card-wp-darkorange .text-wp-light,
.card-wp-darkorange .card-header-wp-light,
.card-wp-darkorange .card-title-wp-light,
.card-wp-darkorange .card-content-wp-light {
  color: #d4cdec;
}

.card-wp-darkorange .text-wp-sandy,
.card-wp-darkorange .card-header-wp-sandy,
.card-wp-darkorange .card-title-wp-sandy,
.card-wp-darkorange .card-content-wp-sandy {
  color: #e49f68;
}

.card-wp-darkorange .text-wp-purple,
.card-wp-darkorange .card-header-wp-purple,
.card-wp-darkorange .card-title-wp-purple,
.card-wp-darkorange .card-content-wp-purple {
  color: #685a92;
}

.card-wp-darkorange .text-wp-base,
.card-wp-darkorange .card-header-wp-base,
.card-wp-darkorange .card-title-wp-base,
.card-wp-darkorange .card-content-wp-base {
  color: #ffffff;
}

.card-wp-darkorange .text-wp-headerBg,
.card-wp-darkorange .card-header-wp-headerBg,
.card-wp-darkorange .card-title-wp-headerBg,
.card-wp-darkorange .card-content-wp-headerBg {
  color: #2d2940;
}

.card-wp-darkorange .text-wp-borderColor,
.card-wp-darkorange .card-header-wp-borderColor,
.card-wp-darkorange .card-title-wp-borderColor,
.card-wp-darkorange .card-content-wp-borderColor {
  color: #37314b;
}

.card-wp-darkorange .text-wp-backgroundColor,
.card-wp-darkorange .card-header-wp-backgroundColor,
.card-wp-darkorange .card-title-wp-backgroundColor,
.card-wp-darkorange .card-content-wp-backgroundColor {
  color: #1d1c22;
}

.card-wp-darkorange .text-wp-bluegrey,
.card-wp-darkorange .card-header-wp-bluegrey,
.card-wp-darkorange .card-title-wp-bluegrey,
.card-wp-darkorange .card-content-wp-bluegrey {
  color: #1a7d9d;
}

.card-wp-darkorange .text-wp-darkorange,
.card-wp-darkorange .card-header-wp-darkorange,
.card-wp-darkorange .card-title-wp-darkorange,
.card-wp-darkorange .card-content-wp-darkorange {
  color: #bd871e;
}

.card-header-wp-darkorange,
.card-title-wp-darkorange,
.card-content-wp-darkorange {
  color: #bd871e;
}

.checkbox-ios {
  position: relative;
  display: inline-block;
}

.checkbox-ios .checkbox-icon {
  border-radius: 50%;
  position: relative;
  width: 21px;
  height: 21px;
  border-width: 1px;
  border-style: solid;
  border-color: transparent;
  background-color: #fff;
}

.checkbox-ios .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-ios .checkbox-checked .checkbox-inner {
  left: 7px;
  top: 4px;
  position: absolute;
  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],
.item.item-ios .checkbox-ios[item-end] {
  margin: 10px 8px 9px 0;
}

.checkbox-ios-primary .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-ios-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-secondary .checkbox-checked {
  border-color: #fa8c16;
  background-color: #fa8c16;
}

.checkbox-ios-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-twitter .checkbox-checked {
  border-color: #55acee;
  background-color: #55acee;
}

.checkbox-ios-twitter .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: #d4cdec;
  background-color: #d4cdec;
}

.checkbox-ios-light .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-sandy .checkbox-checked {
  border-color: #e49f68;
  background-color: #e49f68;
}

.checkbox-ios-sandy .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-purple .checkbox-checked {
  border-color: #685a92;
  background-color: #685a92;
}

.checkbox-ios-purple .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-base .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-ios-base .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-ios-headerBg .checkbox-checked {
  border-color: #2d2940;
  background-color: #2d2940;
}

.checkbox-ios-headerBg .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-borderColor .checkbox-checked {
  border-color: #37314b;
  background-color: #37314b;
}

.checkbox-ios-borderColor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-backgroundColor .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-ios-backgroundColor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-bluegrey .checkbox-checked {
  border-color: #1a7d9d;
  background-color: #1a7d9d;
}

.checkbox-ios-bluegrey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-ios-darkorange .checkbox-checked {
  border-color: #bd871e;
  background-color: #bd871e;
}

.checkbox-ios-darkorange .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md {
  position: relative;
  display: inline-block;
}

.checkbox-md .checkbox-icon {
  border-radius: 2px;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
  background-color: #fff;
  -webkit-transition-duration: 280ms;
  transition-duration: 280ms;
  -webkit-transition-property: background;
  transition-property: background;
  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.checkbox-md .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-md .checkbox-checked .checkbox-inner {
  left: 4px;
  top: 0;
  position: absolute;
  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],
.item.item-md .checkbox-md[item-end] {
  margin: 11px 10px 10px 0;
}

.checkbox-md + .item-inner ion-label {
  margin-left: 0;
}

.checkbox-md-primary .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-md-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-secondary .checkbox-checked {
  border-color: #fa8c16;
  background-color: #fa8c16;
}

.checkbox-md-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-twitter .checkbox-checked {
  border-color: #55acee;
  background-color: #55acee;
}

.checkbox-md-twitter .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: #d4cdec;
  background-color: #d4cdec;
}

.checkbox-md-light .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-sandy .checkbox-checked {
  border-color: #e49f68;
  background-color: #e49f68;
}

.checkbox-md-sandy .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-purple .checkbox-checked {
  border-color: #685a92;
  background-color: #685a92;
}

.checkbox-md-purple .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-base .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-md-base .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-md-headerBg .checkbox-checked {
  border-color: #2d2940;
  background-color: #2d2940;
}

.checkbox-md-headerBg .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-borderColor .checkbox-checked {
  border-color: #37314b;
  background-color: #37314b;
}

.checkbox-md-borderColor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-backgroundColor .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-md-backgroundColor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-bluegrey .checkbox-checked {
  border-color: #1a7d9d;
  background-color: #1a7d9d;
}

.checkbox-md-bluegrey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-md-darkorange .checkbox-checked {
  border-color: #bd871e;
  background-color: #bd871e;
}

.checkbox-md-darkorange .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp {
  position: relative;
  display: inline-block;
}

.checkbox-wp .checkbox-icon {
  border-radius: 0;
  position: relative;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
  background-color: #fff;
}

.checkbox-wp .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-wp .checkbox-checked .checkbox-inner {
  left: 3px;
  top: -2px;
  position: absolute;
  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],
.item.item-wp .checkbox-wp[item-end] {
  margin: 11px 10px 10px 0;
}

.checkbox-wp + .item-inner ion-label {
  margin-left: 0;
}

.checkbox-wp-primary .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-wp-primary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-secondary .checkbox-checked {
  border-color: #fa8c16;
  background-color: #fa8c16;
}

.checkbox-wp-secondary .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-twitter .checkbox-checked {
  border-color: #55acee;
  background-color: #55acee;
}

.checkbox-wp-twitter .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: #d4cdec;
  background-color: #d4cdec;
}

.checkbox-wp-light .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-sandy .checkbox-checked {
  border-color: #e49f68;
  background-color: #e49f68;
}

.checkbox-wp-sandy .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-purple .checkbox-checked {
  border-color: #685a92;
  background-color: #685a92;
}

.checkbox-wp-purple .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-base .checkbox-checked {
  border-color: #ffffff;
  background-color: #ffffff;
}

.checkbox-wp-base .checkbox-checked .checkbox-inner {
  border-color: #000;
}

.checkbox-wp-headerBg .checkbox-checked {
  border-color: #2d2940;
  background-color: #2d2940;
}

.checkbox-wp-headerBg .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-borderColor .checkbox-checked {
  border-color: #37314b;
  background-color: #37314b;
}

.checkbox-wp-borderColor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-backgroundColor .checkbox-checked {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.checkbox-wp-backgroundColor .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-bluegrey .checkbox-checked {
  border-color: #1a7d9d;
  background-color: #1a7d9d;
}

.checkbox-wp-bluegrey .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

.checkbox-wp-darkorange .checkbox-checked {
  border-color: #bd871e;
  background-color: #bd871e;
}

.checkbox-wp-darkorange .checkbox-checked .checkbox-inner {
  border-color: #fff;
}

ion-chip {
  display: -webkit-inline-box;
  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;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

ion-chip .button {
  border-radius: 50%;
  width: 32px;
  height: 32px;
  margin: 0;
}

ion-chip ion-icon {
  text-align: center;
  border-radius: 50%;
  width: 32px;
  height: 32px;
  font-size: 18px;
  line-height: 32px;
}

ion-chip ion-avatar {
  border-radius: 50%;
  width: 32px;
  min-width: 32px;
  height: 32px;
  min-height: 32px;
}

ion-chip ion-avatar img {
  border-radius: 50%;
  display: block;
  width: 100%;
  max-width: 100%;
  height: 100%;
  max-height: 100%;
}

.chip-ios {
  border-radius: 16px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  margin: 2px 0;
}

.chip-ios > ion-label {
  margin: 0 10px;
}

.chip-ios > ion-icon {
  color: #fff;
  background-color: #1d1c22;
}

.chip-ios-primary,
.chip-ios .icon-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.chip-ios-secondary,
.chip-ios .icon-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.chip-ios-twitter,
.chip-ios .icon-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.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: #d4cdec;
}

.chip-ios-sandy,
.chip-ios .icon-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.chip-ios-purple,
.chip-ios .icon-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.chip-ios-base,
.chip-ios .icon-ios-base {
  color: #000;
  background-color: #ffffff;
}

.chip-ios-headerBg,
.chip-ios .icon-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.chip-ios-borderColor,
.chip-ios .icon-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.chip-ios-backgroundColor,
.chip-ios .icon-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.chip-ios-bluegrey,
.chip-ios .icon-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.chip-ios-darkorange,
.chip-ios .icon-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.chip-md {
  border-radius: 16px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  margin: 2px 0;
}

.chip-md > ion-label {
  margin: 0 10px;
}

.chip-md > ion-icon {
  color: #fff;
  background-color: #1d1c22;
}

.chip-md-primary,
.chip-md .icon-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.chip-md-secondary,
.chip-md .icon-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.chip-md-twitter,
.chip-md .icon-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.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: #d4cdec;
}

.chip-md-sandy,
.chip-md .icon-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.chip-md-purple,
.chip-md .icon-md-purple {
  color: #fff;
  background-color: #685a92;
}

.chip-md-base,
.chip-md .icon-md-base {
  color: #000;
  background-color: #ffffff;
}

.chip-md-headerBg,
.chip-md .icon-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.chip-md-borderColor,
.chip-md .icon-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.chip-md-backgroundColor,
.chip-md .icon-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.chip-md-bluegrey,
.chip-md .icon-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.chip-md-darkorange,
.chip-md .icon-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.chip-wp {
  border-radius: 16px;
  height: 32px;
  font-size: 13px;
  line-height: 32px;
  color: rgba(0, 0, 0, 0.87);
  background: rgba(0, 0, 0, 0.12);
  margin: 2px 0;
}

.chip-wp > ion-label {
  margin: 0 10px;
}

.chip-wp > ion-icon {
  color: #fff;
  background-color: #1d1c22;
}

.chip-wp .button {
  border: 0;
}

.chip-wp-primary,
.chip-wp .icon-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.chip-wp-secondary,
.chip-wp .icon-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.chip-wp-twitter,
.chip-wp .icon-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.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: #d4cdec;
}

.chip-wp-sandy,
.chip-wp .icon-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.chip-wp-purple,
.chip-wp .icon-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.chip-wp-base,
.chip-wp .icon-wp-base {
  color: #000;
  background-color: #ffffff;
}

.chip-wp-headerBg,
.chip-wp .icon-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.chip-wp-borderColor,
.chip-wp .icon-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.chip-wp-backgroundColor,
.chip-wp .icon-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.chip-wp-bluegrey,
.chip-wp .icon-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.chip-wp-darkorange,
.chip-wp .icon-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

ion-content {
  left: 0;
  top: 0;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  contain: layout size style;
}

.ion-page > ion-content {
  position: absolute;
}

a {
  color: #1d1c22;
}

.scroll-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  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;
  -ms-touch-action: none;
  touch-action: none;
}

ion-content.has-refresher > .scroll-content {
  background-color: inherit;
}

.fixed-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  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: 1px;
  background-color: rgba(0, 0, 0, 0.12);
}

.ios .ion-page.show-page ~ .nav-decor {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  background: #000;
  pointer-events: none;
}

ion-app.ios [padding] {
  padding: 16px;
}

ion-app.ios [padding-top] {
  padding-top: 16px;
}

ion-app.ios [padding-left] {
  padding-left: 16px;
}

ion-app.ios [padding-right] {
  padding-right: 16px;
}

ion-app.ios [padding-bottom] {
  padding-bottom: 16px;
}

ion-app.ios [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

ion-app.ios [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

ion-app.ios [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.ios [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-top] .scroll-content {
    padding-top: 16px;
    padding-top: 16px;
  }
}

ion-app.ios [padding-left] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.ios [padding-right] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.ios [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-bottom] .scroll-content {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
}

ion-app.ios [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

ion-app.ios [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.ios [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 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-start],
ion-app.ios [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.ios [margin-right],
ion-app.ios [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.ios [margin-end],
ion-app.ios [margin-end] .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-left: 16px;
  margin-right: 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;
}

.platform-core .content-ios .scroll-content::after,
.platform-core .content-ios .scroll-content::before {
  position: initial;
  top: initial;
  bottom: initial;
  width: initial;
  height: initial;
}

.content-md {
  color: #000;
  background-color: #fff;
}

.content-md hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.md [padding] {
  padding: 16px;
}

ion-app.md [padding-top] {
  padding-top: 16px;
}

ion-app.md [padding-left] {
  padding-left: 16px;
}

ion-app.md [padding-right] {
  padding-right: 16px;
}

ion-app.md [padding-bottom] {
  padding-bottom: 16px;
}

ion-app.md [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

ion-app.md [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

ion-app.md [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.md [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-top] .scroll-content {
    padding-top: 16px;
    padding-top: 16px;
  }
}

ion-app.md [padding-left] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.md [padding-right] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.md [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-bottom] .scroll-content {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
}

ion-app.md [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

ion-app.md [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.md [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 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-start],
ion-app.md [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.md [margin-right],
ion-app.md [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.md [margin-end],
ion-app.md [margin-end] .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-left: 16px;
  margin-right: 16px;
}

.content-wp {
  color: #000;
  background-color: #fff;
}

.content-wp hr {
  background-color: rgba(0, 0, 0, 0.08);
}

ion-app.wp [padding] {
  padding: 16px;
}

ion-app.wp [padding-top] {
  padding-top: 16px;
}

ion-app.wp [padding-left] {
  padding-left: 16px;
}

ion-app.wp [padding-right] {
  padding-right: 16px;
}

ion-app.wp [padding-bottom] {
  padding-bottom: 16px;
}

ion-app.wp [padding-vertical] {
  padding-top: 16px;
  padding-bottom: 16px;
}

ion-app.wp [padding-horizontal] {
  padding-left: 16px;
  padding-right: 16px;
}

ion-app.wp [padding] .scroll-content {
  padding: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-top: 16px;
    padding-bottom: 16px;
    padding: 16px calc(env(safe-area-inset-right) + 16px) 16px calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.wp [padding-top] .scroll-content {
  padding-top: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-top] .scroll-content {
    padding-top: 16px;
    padding-top: 16px;
  }
}

ion-app.wp [padding-left] .scroll-content {
  padding-left: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-left] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

ion-app.wp [padding-right] .scroll-content {
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-right] .scroll-content {
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 16px);
  }
}

ion-app.wp [padding-bottom] .scroll-content {
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-bottom] .scroll-content {
    padding-bottom: 16px;
    padding-bottom: 16px;
  }
}

ion-app.wp [padding-vertical] .scroll-content {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-vertical] .scroll-content {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-top: 16px;
    padding-bottom: 16px;
  }
}

ion-app.wp [padding-horizontal] .scroll-content {
  padding-left: 16px;
  padding-right: 16px;
}

@media screen and (orientation: landscape) {
  ion-app.wp [padding-horizontal] .scroll-content {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-right: calc(constant(safe-area-inset-right) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
    padding-right: calc(env(safe-area-inset-right) + 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-start],
ion-app.wp [margin-start] .scroll-content {
  margin-left: 16px;
}

ion-app.wp [margin-right],
ion-app.wp [margin-right] .scroll-content {
  margin-right: 16px;
}

ion-app.wp [margin-end],
ion-app.wp [margin-end] .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-left: 16px;
  margin-right: 16px;
}

ion-datetime {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
}

.datetime-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -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-ios .datetime-placeholder {
  color: #999;
}

.datetime-md {
  padding: 13px 8px 13px 16px;
}

.datetime-md .datetime-placeholder {
  color: #999;
}

.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);
}

.datetime-wp .datetime-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.fab {
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 50%;
  position: relative;
  z-index: 0;
  display: block;
  overflow: hidden;
  width: 56px;
  height: 56px;
  font-size: 14px;
  line-height: 56px;
  text-overflow: ellipsis;
  text-transform: none;
  white-space: nowrap;
  cursor: pointer;
  -webkit-transition: background-color, opacity 100ms linear;
  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-box-flex: 1;
  -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] {
  margin-top: -28px;
  top: 50%;
}

ion-fab[top] {
  top: 10px;
}

ion-fab[right] {
  right: 10px;
  right: calc(10px + constant(safe-area-inset-right));
  right: calc(10px + env(safe-area-inset-right));
}

ion-fab[end] {
  right: 10px;
  right: calc(constant(safe-area-inset-right) + 10px);
  right: calc(env(safe-area-inset-right) + 10px);
}

ion-fab[bottom] {
  bottom: 10px;
}

ion-fab[left] {
  left: 10px;
  left: calc(10px + constant(safe-area-inset-left));
  left: calc(10px + env(safe-area-inset-left));
}

ion-fab[start] {
  left: 10px;
  left: calc(constant(safe-area-inset-left) + 10px);
  left: calc(env(safe-area-inset-left) + 10px);
}

ion-fab[top][edge] {
  top: -28px;
}

ion-fab[bottom][edge] {
  bottom: -28px;
}

ion-fab-list {
  margin: 66px 0;
  position: absolute;
  top: 0;
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  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-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}

ion-fab-list[side=left] {
  margin: 0 66px;
  right: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

ion-fab-list[side=right] {
  margin: 0 66px;
  left: 0;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.fab-list-active {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.fab-close-icon {
  left: 0;
  right: 0;
  top: 0;
  position: absolute;
  line-height: 56px;
  opacity: 0;
  -webkit-transform: scale(0.4) rotateZ(-45deg);
  transform: scale(0.4) rotateZ(-45deg);
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
}

.fab .button-inner {
  -webkit-transition: all ease-in-out 300ms;
  transition: all ease-in-out 300ms;
  -webkit-transition-property: opacity, -webkit-transform;
  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: #1d1c22;
}

.fab-ios.activated {
  background-color: #2f2e34;
}

.fab-ios-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  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: #1d1c22;
}

.fab-ios-primary.activated {
  background-color: #2f2e34;
}

.fab-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.fab-ios-secondary.activated {
  background-color: #e68114;
}

.fab-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.fab-ios-twitter.activated {
  background-color: #4e9edb;
}

.fab-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.fab-ios-danger.activated {
  background-color: #e13838;
}

.fab-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.fab-ios-light.activated {
  background-color: #c3bdd9;
}

.fab-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.fab-ios-sandy.activated {
  background-color: #d29260;
}

.fab-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.fab-ios-purple.activated {
  background-color: #74679b;
}

.fab-ios-base {
  color: #000;
  background-color: #ffffff;
}

.fab-ios-base.activated {
  background-color: #ebebeb;
}

.fab-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.fab-ios-headerBg.activated {
  background-color: #3e3a4f;
}

.fab-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.fab-ios-borderColor.activated {
  background-color: #474159;
}

.fab-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.fab-ios-backgroundColor.activated {
  background-color: #2f2e34;
}

.fab-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.fab-ios-bluegrey.activated {
  background-color: #2c87a5;
}

.fab-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.fab-ios-darkorange.activated {
  background-color: #c29130;
}

.fab-md {
  color: #fff;
  background-color: #1d1c22;
  -webkit-box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.14), 0 4px 5px rgba(0, 0, 0, 0.1);
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1), color 300ms cubic-bezier(0.4, 0, 0.2, 1), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 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);
  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), -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-md.activated {
  background-color: #2f2e34;
  -webkit-box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.4), 0 4px 7px 0 rgba(0, 0, 0, 0.1);
  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;
  -webkit-transition: opacity 200ms ease 10ms, 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, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
  transition: opacity 200ms ease 10ms, 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, -webkit-box-shadow 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);
  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, -webkit-box-shadow 300ms cubic-bezier(0.4, 0, 0.2, 1);
}

.fab-md-in-list.activated {
  background-color: #e0e0e0;
}

.fab-md .button-effect {
  background-color: #fff;
}

.fab-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.fab-md-primary.activated {
  background-color: #2f2e34;
}

.fab-md-primary .button-effect {
  background-color: #fff;
}

.fab-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.fab-md-secondary.activated {
  background-color: #e68114;
}

.fab-md-secondary .button-effect {
  background-color: #fff;
}

.fab-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.fab-md-twitter.activated {
  background-color: #4e9edb;
}

.fab-md-twitter .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: #d4cdec;
}

.fab-md-light.activated {
  background-color: #c3bdd9;
}

.fab-md-light .button-effect {
  background-color: #000;
}

.fab-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.fab-md-sandy.activated {
  background-color: #d29260;
}

.fab-md-sandy .button-effect {
  background-color: #fff;
}

.fab-md-purple {
  color: #fff;
  background-color: #685a92;
}

.fab-md-purple.activated {
  background-color: #74679b;
}

.fab-md-purple .button-effect {
  background-color: #fff;
}

.fab-md-base {
  color: #000;
  background-color: #ffffff;
}

.fab-md-base.activated {
  background-color: #ebebeb;
}

.fab-md-base .button-effect {
  background-color: #000;
}

.fab-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.fab-md-headerBg.activated {
  background-color: #3e3a4f;
}

.fab-md-headerBg .button-effect {
  background-color: #fff;
}

.fab-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.fab-md-borderColor.activated {
  background-color: #474159;
}

.fab-md-borderColor .button-effect {
  background-color: #fff;
}

.fab-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.fab-md-backgroundColor.activated {
  background-color: #2f2e34;
}

.fab-md-backgroundColor .button-effect {
  background-color: #fff;
}

.fab-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.fab-md-bluegrey.activated {
  background-color: #2c87a5;
}

.fab-md-bluegrey .button-effect {
  background-color: #fff;
}

.fab-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.fab-md-darkorange.activated {
  background-color: #c29130;
}

.fab-md-darkorange .button-effect {
  background-color: #fff;
}

.fab-wp {
  color: #fff;
  background-color: #1d1c22;
}

.fab-wp.activated {
  background-color: #2f2e34;
}

.fab-wp-in-list {
  color: #000;
  background-color: #f4f4f4;
  -webkit-transition: opacity 200ms ease 10ms, -webkit-transform 200ms ease 10ms;
  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: #1d1c22;
}

.fab-wp-primary.activated {
  background-color: #2f2e34;
}

.fab-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.fab-wp-secondary.activated {
  background-color: #e68114;
}

.fab-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.fab-wp-twitter.activated {
  background-color: #4e9edb;
}

.fab-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.fab-wp-danger.activated {
  background-color: #e13838;
}

.fab-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.fab-wp-light.activated {
  background-color: #c3bdd9;
}

.fab-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.fab-wp-sandy.activated {
  background-color: #d29260;
}

.fab-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.fab-wp-purple.activated {
  background-color: #74679b;
}

.fab-wp-base {
  color: #000;
  background-color: #ffffff;
}

.fab-wp-base.activated {
  background-color: #ebebeb;
}

.fab-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.fab-wp-headerBg.activated {
  background-color: #3e3a4f;
}

.fab-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.fab-wp-borderColor.activated {
  background-color: #474159;
}

.fab-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.fab-wp-backgroundColor.activated {
  background-color: #2f2e34;
}

.fab-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.fab-wp-bluegrey.activated {
  background-color: #2c87a5;
}

.fab-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.fab-wp-darkorange.activated {
  background-color: #c29130;
}

.grid {
  padding: 5px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.grid[no-padding] {
  padding: 0;
}

.grid[no-padding] > .row > .col {
  padding: 0;
}

@media (min-width: 576px) {
  .grid[fixed] {
    width: 540px;
    max-width: 100%;
  }
}

@media (min-width: 768px) {
  .grid[fixed] {
    width: 720px;
    max-width: 100%;
  }
}

@media (min-width: 992px) {
  .grid[fixed] {
    width: 960px;
    max-width: 100%;
  }
}

@media (min-width: 1200px) {
  .grid[fixed] {
    width: 1140px;
    max-width: 100%;
  }
}

.row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.row[nowrap] {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.row[wrap-reverse] {
  -webkit-flex-wrap: wrap-reverse;
  -ms-flex-wrap: wrap-reverse;
  flex-wrap: wrap-reverse;
}

.row[align-items-start] {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.row[align-items-center] {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.row[align-items-end] {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.row[align-items-stretch] {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.row[align-items-baseline] {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.row[justify-content-start] {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.row[justify-content-center] {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.row[justify-content-end] {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.row[justify-content-around] {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.row[justify-content-between] {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.col {
  padding: 5px;
  position: relative;
  width: 100%;
  margin: 0;
  min-height: 1px;
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

.col[align-self-start] {
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}

.col[align-self-end] {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.col[align-self-center] {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

.col[align-self-stretch] {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
}

.col[align-self-baseline] {
  -webkit-align-self: baseline;
  -ms-flex-item-align: baseline;
  align-self: baseline;
}

[col-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-1] {
    padding: 5px;
  }
}

[col-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-2] {
    padding: 5px;
  }
}

[col-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-3] {
    padding: 5px;
  }
}

[col-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-4] {
    padding: 5px;
  }
}

[col-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-5] {
    padding: 5px;
  }
}

[col-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-6] {
    padding: 5px;
  }
}

[col-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-7] {
    padding: 5px;
  }
}

[col-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-8] {
    padding: 5px;
  }
}

[col-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-9] {
    padding: 5px;
  }
}

[col-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-10] {
    padding: 5px;
  }
}

[col-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-11] {
    padding: 5px;
  }
}

[col-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-12] {
    padding: 5px;
  }
}

[col] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col] {
    padding: 5px;
  }
}

[col] {
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  max-width: 100%;
}

[col-auto] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: auto;
}

[col-1] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.33333%;
  -ms-flex: 0 0 8.33333%;
  flex: 0 0 8.33333%;
  width: 8.33333%;
  max-width: 8.33333%;
}

[col-2] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.66667%;
  -ms-flex: 0 0 16.66667%;
  flex: 0 0 16.66667%;
  width: 16.66667%;
  max-width: 16.66667%;
}

[col-3] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

[col-4] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333%;
  -ms-flex: 0 0 33.33333%;
  flex: 0 0 33.33333%;
  width: 33.33333%;
  max-width: 33.33333%;
}

[col-5] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.66667%;
  -ms-flex: 0 0 41.66667%;
  flex: 0 0 41.66667%;
  width: 41.66667%;
  max-width: 41.66667%;
}

[col-6] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  width: 50%;
  max-width: 50%;
}

[col-7] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.33333%;
  -ms-flex: 0 0 58.33333%;
  flex: 0 0 58.33333%;
  width: 58.33333%;
  max-width: 58.33333%;
}

[col-8] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.66667%;
  -ms-flex: 0 0 66.66667%;
  flex: 0 0 66.66667%;
  width: 66.66667%;
  max-width: 66.66667%;
}

[col-9] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
  -ms-flex: 0 0 75%;
  flex: 0 0 75%;
  width: 75%;
  max-width: 75%;
}

[col-10] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.33333%;
  -ms-flex: 0 0 83.33333%;
  flex: 0 0 83.33333%;
  width: 83.33333%;
  max-width: 83.33333%;
}

[col-11] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.66667%;
  -ms-flex: 0 0 91.66667%;
  flex: 0 0 91.66667%;
  width: 91.66667%;
  max-width: 91.66667%;
}

[col-12] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  width: 100%;
  max-width: 100%;
}

[pull-0] {
  right: auto;
}

[pull-1] {
  right: 8.33333%;
}

[pull-2] {
  right: 16.66667%;
}

[pull-3] {
  right: 25%;
}

[pull-4] {
  right: 33.33333%;
}

[pull-5] {
  right: 41.66667%;
}

[pull-6] {
  right: 50%;
}

[pull-7] {
  right: 58.33333%;
}

[pull-8] {
  right: 66.66667%;
}

[pull-9] {
  right: 75%;
}

[pull-10] {
  right: 83.33333%;
}

[pull-11] {
  right: 91.66667%;
}

[pull-12] {
  right: 100%;
}

[push-0] {
  left: auto;
}

[push-1] {
  left: 8.33333%;
}

[push-2] {
  left: 16.66667%;
}

[push-3] {
  left: 25%;
}

[push-4] {
  left: 33.33333%;
}

[push-5] {
  left: 41.66667%;
}

[push-6] {
  left: 50%;
}

[push-7] {
  left: 58.33333%;
}

[push-8] {
  left: 66.66667%;
}

[push-9] {
  left: 75%;
}

[push-10] {
  left: 83.33333%;
}

[push-11] {
  left: 91.66667%;
}

[push-12] {
  left: 100%;
}

[offset-1] {
  margin-left: 8.33333%;
}

[offset-2] {
  margin-left: 16.66667%;
}

[offset-3] {
  margin-left: 25%;
}

[offset-4] {
  margin-left: 33.33333%;
}

[offset-5] {
  margin-left: 41.66667%;
}

[offset-6] {
  margin-left: 50%;
}

[offset-7] {
  margin-left: 58.33333%;
}

[offset-8] {
  margin-left: 66.66667%;
}

[offset-9] {
  margin-left: 75%;
}

[offset-10] {
  margin-left: 83.33333%;
}

[offset-11] {
  margin-left: 91.66667%;
}

[col-sm-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-1] {
    padding: 5px;
  }
}

[col-sm-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-2] {
    padding: 5px;
  }
}

[col-sm-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-3] {
    padding: 5px;
  }
}

[col-sm-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-4] {
    padding: 5px;
  }
}

[col-sm-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-5] {
    padding: 5px;
  }
}

[col-sm-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-6] {
    padding: 5px;
  }
}

[col-sm-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-7] {
    padding: 5px;
  }
}

[col-sm-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-8] {
    padding: 5px;
  }
}

[col-sm-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-9] {
    padding: 5px;
  }
}

[col-sm-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-10] {
    padding: 5px;
  }
}

[col-sm-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-11] {
    padding: 5px;
  }
}

[col-sm-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm-12] {
    padding: 5px;
  }
}

[col-sm] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-sm] {
    padding: 5px;
  }
}

@media (min-width: 576px) {
  [col-sm] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-sm-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-sm-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-sm-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-sm-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-sm-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-sm-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-sm-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-sm-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-sm-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-sm-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-sm-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-sm-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-sm-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-sm-0] {
    right: auto;
  }
  [pull-sm-1] {
    right: 8.33333%;
  }
  [pull-sm-2] {
    right: 16.66667%;
  }
  [pull-sm-3] {
    right: 25%;
  }
  [pull-sm-4] {
    right: 33.33333%;
  }
  [pull-sm-5] {
    right: 41.66667%;
  }
  [pull-sm-6] {
    right: 50%;
  }
  [pull-sm-7] {
    right: 58.33333%;
  }
  [pull-sm-8] {
    right: 66.66667%;
  }
  [pull-sm-9] {
    right: 75%;
  }
  [pull-sm-10] {
    right: 83.33333%;
  }
  [pull-sm-11] {
    right: 91.66667%;
  }
  [pull-sm-12] {
    right: 100%;
  }
  [push-sm-0] {
    left: auto;
  }
  [push-sm-1] {
    left: 8.33333%;
  }
  [push-sm-2] {
    left: 16.66667%;
  }
  [push-sm-3] {
    left: 25%;
  }
  [push-sm-4] {
    left: 33.33333%;
  }
  [push-sm-5] {
    left: 41.66667%;
  }
  [push-sm-6] {
    left: 50%;
  }
  [push-sm-7] {
    left: 58.33333%;
  }
  [push-sm-8] {
    left: 66.66667%;
  }
  [push-sm-9] {
    left: 75%;
  }
  [push-sm-10] {
    left: 83.33333%;
  }
  [push-sm-11] {
    left: 91.66667%;
  }
  [push-sm-12] {
    left: 100%;
  }
  [offset-sm-0] {
    margin-left: 0%;
  }
  [offset-sm-1] {
    margin-left: 8.33333%;
  }
  [offset-sm-2] {
    margin-left: 16.66667%;
  }
  [offset-sm-3] {
    margin-left: 25%;
  }
  [offset-sm-4] {
    margin-left: 33.33333%;
  }
  [offset-sm-5] {
    margin-left: 41.66667%;
  }
  [offset-sm-6] {
    margin-left: 50%;
  }
  [offset-sm-7] {
    margin-left: 58.33333%;
  }
  [offset-sm-8] {
    margin-left: 66.66667%;
  }
  [offset-sm-9] {
    margin-left: 75%;
  }
  [offset-sm-10] {
    margin-left: 83.33333%;
  }
  [offset-sm-11] {
    margin-left: 91.66667%;
  }
}

[col-md-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-1] {
    padding: 5px;
  }
}

[col-md-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-2] {
    padding: 5px;
  }
}

[col-md-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-3] {
    padding: 5px;
  }
}

[col-md-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-4] {
    padding: 5px;
  }
}

[col-md-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-5] {
    padding: 5px;
  }
}

[col-md-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-6] {
    padding: 5px;
  }
}

[col-md-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-7] {
    padding: 5px;
  }
}

[col-md-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-8] {
    padding: 5px;
  }
}

[col-md-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-9] {
    padding: 5px;
  }
}

[col-md-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-10] {
    padding: 5px;
  }
}

[col-md-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-11] {
    padding: 5px;
  }
}

[col-md-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md-12] {
    padding: 5px;
  }
}

[col-md] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-md] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-md] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-md-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-md-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-md-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-md-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-md-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-md-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-md-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-md-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-md-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-md-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-md-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-md-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-md-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-md-0] {
    right: auto;
  }
  [pull-md-1] {
    right: 8.33333%;
  }
  [pull-md-2] {
    right: 16.66667%;
  }
  [pull-md-3] {
    right: 25%;
  }
  [pull-md-4] {
    right: 33.33333%;
  }
  [pull-md-5] {
    right: 41.66667%;
  }
  [pull-md-6] {
    right: 50%;
  }
  [pull-md-7] {
    right: 58.33333%;
  }
  [pull-md-8] {
    right: 66.66667%;
  }
  [pull-md-9] {
    right: 75%;
  }
  [pull-md-10] {
    right: 83.33333%;
  }
  [pull-md-11] {
    right: 91.66667%;
  }
  [pull-md-12] {
    right: 100%;
  }
  [push-md-0] {
    left: auto;
  }
  [push-md-1] {
    left: 8.33333%;
  }
  [push-md-2] {
    left: 16.66667%;
  }
  [push-md-3] {
    left: 25%;
  }
  [push-md-4] {
    left: 33.33333%;
  }
  [push-md-5] {
    left: 41.66667%;
  }
  [push-md-6] {
    left: 50%;
  }
  [push-md-7] {
    left: 58.33333%;
  }
  [push-md-8] {
    left: 66.66667%;
  }
  [push-md-9] {
    left: 75%;
  }
  [push-md-10] {
    left: 83.33333%;
  }
  [push-md-11] {
    left: 91.66667%;
  }
  [push-md-12] {
    left: 100%;
  }
  [offset-md-0] {
    margin-left: 0%;
  }
  [offset-md-1] {
    margin-left: 8.33333%;
  }
  [offset-md-2] {
    margin-left: 16.66667%;
  }
  [offset-md-3] {
    margin-left: 25%;
  }
  [offset-md-4] {
    margin-left: 33.33333%;
  }
  [offset-md-5] {
    margin-left: 41.66667%;
  }
  [offset-md-6] {
    margin-left: 50%;
  }
  [offset-md-7] {
    margin-left: 58.33333%;
  }
  [offset-md-8] {
    margin-left: 66.66667%;
  }
  [offset-md-9] {
    margin-left: 75%;
  }
  [offset-md-10] {
    margin-left: 83.33333%;
  }
  [offset-md-11] {
    margin-left: 91.66667%;
  }
}

[col-lg-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-1] {
    padding: 5px;
  }
}

[col-lg-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-2] {
    padding: 5px;
  }
}

[col-lg-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-3] {
    padding: 5px;
  }
}

[col-lg-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-4] {
    padding: 5px;
  }
}

[col-lg-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-5] {
    padding: 5px;
  }
}

[col-lg-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-6] {
    padding: 5px;
  }
}

[col-lg-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-7] {
    padding: 5px;
  }
}

[col-lg-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-8] {
    padding: 5px;
  }
}

[col-lg-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-9] {
    padding: 5px;
  }
}

[col-lg-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-10] {
    padding: 5px;
  }
}

[col-lg-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-11] {
    padding: 5px;
  }
}

[col-lg-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg-12] {
    padding: 5px;
  }
}

[col-lg] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-lg] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-lg] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-lg-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-lg-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-lg-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-lg-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-lg-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-lg-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-lg-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-lg-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-lg-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-lg-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-lg-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-lg-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-lg-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-lg-0] {
    right: auto;
  }
  [pull-lg-1] {
    right: 8.33333%;
  }
  [pull-lg-2] {
    right: 16.66667%;
  }
  [pull-lg-3] {
    right: 25%;
  }
  [pull-lg-4] {
    right: 33.33333%;
  }
  [pull-lg-5] {
    right: 41.66667%;
  }
  [pull-lg-6] {
    right: 50%;
  }
  [pull-lg-7] {
    right: 58.33333%;
  }
  [pull-lg-8] {
    right: 66.66667%;
  }
  [pull-lg-9] {
    right: 75%;
  }
  [pull-lg-10] {
    right: 83.33333%;
  }
  [pull-lg-11] {
    right: 91.66667%;
  }
  [pull-lg-12] {
    right: 100%;
  }
  [push-lg-0] {
    left: auto;
  }
  [push-lg-1] {
    left: 8.33333%;
  }
  [push-lg-2] {
    left: 16.66667%;
  }
  [push-lg-3] {
    left: 25%;
  }
  [push-lg-4] {
    left: 33.33333%;
  }
  [push-lg-5] {
    left: 41.66667%;
  }
  [push-lg-6] {
    left: 50%;
  }
  [push-lg-7] {
    left: 58.33333%;
  }
  [push-lg-8] {
    left: 66.66667%;
  }
  [push-lg-9] {
    left: 75%;
  }
  [push-lg-10] {
    left: 83.33333%;
  }
  [push-lg-11] {
    left: 91.66667%;
  }
  [push-lg-12] {
    left: 100%;
  }
  [offset-lg-0] {
    margin-left: 0%;
  }
  [offset-lg-1] {
    margin-left: 8.33333%;
  }
  [offset-lg-2] {
    margin-left: 16.66667%;
  }
  [offset-lg-3] {
    margin-left: 25%;
  }
  [offset-lg-4] {
    margin-left: 33.33333%;
  }
  [offset-lg-5] {
    margin-left: 41.66667%;
  }
  [offset-lg-6] {
    margin-left: 50%;
  }
  [offset-lg-7] {
    margin-left: 58.33333%;
  }
  [offset-lg-8] {
    margin-left: 66.66667%;
  }
  [offset-lg-9] {
    margin-left: 75%;
  }
  [offset-lg-10] {
    margin-left: 83.33333%;
  }
  [offset-lg-11] {
    margin-left: 91.66667%;
  }
}

[col-xl-1] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-1] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-1] {
    padding: 5px;
  }
}

[col-xl-2] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-2] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-2] {
    padding: 5px;
  }
}

[col-xl-3] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-3] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-3] {
    padding: 5px;
  }
}

[col-xl-4] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-4] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-4] {
    padding: 5px;
  }
}

[col-xl-5] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-5] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-5] {
    padding: 5px;
  }
}

[col-xl-6] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-6] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-6] {
    padding: 5px;
  }
}

[col-xl-7] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-7] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-7] {
    padding: 5px;
  }
}

[col-xl-8] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-8] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-8] {
    padding: 5px;
  }
}

[col-xl-9] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-9] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-9] {
    padding: 5px;
  }
}

[col-xl-10] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-10] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-10] {
    padding: 5px;
  }
}

[col-xl-11] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-11] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-11] {
    padding: 5px;
  }
}

[col-xl-12] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl-12] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl-12] {
    padding: 5px;
  }
}

[col-xl] {
  padding: 5px;
}

@media (min-width: 576px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 768px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 992px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    padding: 5px;
  }
}

@media (min-width: 1200px) {
  [col-xl] {
    -webkit-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
  [col-xl-auto] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
  }
  [col-xl-1] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.33333%;
    -ms-flex: 0 0 8.33333%;
    flex: 0 0 8.33333%;
    width: 8.33333%;
    max-width: 8.33333%;
  }
  [col-xl-2] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.66667%;
    -ms-flex: 0 0 16.66667%;
    flex: 0 0 16.66667%;
    width: 16.66667%;
    max-width: 16.66667%;
  }
  [col-xl-3] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    width: 25%;
    max-width: 25%;
  }
  [col-xl-4] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.33333%;
    -ms-flex: 0 0 33.33333%;
    flex: 0 0 33.33333%;
    width: 33.33333%;
    max-width: 33.33333%;
  }
  [col-xl-5] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.66667%;
    -ms-flex: 0 0 41.66667%;
    flex: 0 0 41.66667%;
    width: 41.66667%;
    max-width: 41.66667%;
  }
  [col-xl-6] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    width: 50%;
    max-width: 50%;
  }
  [col-xl-7] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.33333%;
    -ms-flex: 0 0 58.33333%;
    flex: 0 0 58.33333%;
    width: 58.33333%;
    max-width: 58.33333%;
  }
  [col-xl-8] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.66667%;
    -ms-flex: 0 0 66.66667%;
    flex: 0 0 66.66667%;
    width: 66.66667%;
    max-width: 66.66667%;
  }
  [col-xl-9] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    width: 75%;
    max-width: 75%;
  }
  [col-xl-10] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.33333%;
    -ms-flex: 0 0 83.33333%;
    flex: 0 0 83.33333%;
    width: 83.33333%;
    max-width: 83.33333%;
  }
  [col-xl-11] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.66667%;
    -ms-flex: 0 0 91.66667%;
    flex: 0 0 91.66667%;
    width: 91.66667%;
    max-width: 91.66667%;
  }
  [col-xl-12] {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    width: 100%;
    max-width: 100%;
  }
  [pull-xl-0] {
    right: auto;
  }
  [pull-xl-1] {
    right: 8.33333%;
  }
  [pull-xl-2] {
    right: 16.66667%;
  }
  [pull-xl-3] {
    right: 25%;
  }
  [pull-xl-4] {
    right: 33.33333%;
  }
  [pull-xl-5] {
    right: 41.66667%;
  }
  [pull-xl-6] {
    right: 50%;
  }
  [pull-xl-7] {
    right: 58.33333%;
  }
  [pull-xl-8] {
    right: 66.66667%;
  }
  [pull-xl-9] {
    right: 75%;
  }
  [pull-xl-10] {
    right: 83.33333%;
  }
  [pull-xl-11] {
    right: 91.66667%;
  }
  [pull-xl-12] {
    right: 100%;
  }
  [push-xl-0] {
    left: auto;
  }
  [push-xl-1] {
    left: 8.33333%;
  }
  [push-xl-2] {
    left: 16.66667%;
  }
  [push-xl-3] {
    left: 25%;
  }
  [push-xl-4] {
    left: 33.33333%;
  }
  [push-xl-5] {
    left: 41.66667%;
  }
  [push-xl-6] {
    left: 50%;
  }
  [push-xl-7] {
    left: 58.33333%;
  }
  [push-xl-8] {
    left: 66.66667%;
  }
  [push-xl-9] {
    left: 75%;
  }
  [push-xl-10] {
    left: 83.33333%;
  }
  [push-xl-11] {
    left: 91.66667%;
  }
  [push-xl-12] {
    left: 100%;
  }
  [offset-xl-0] {
    margin-left: 0%;
  }
  [offset-xl-1] {
    margin-left: 8.33333%;
  }
  [offset-xl-2] {
    margin-left: 16.66667%;
  }
  [offset-xl-3] {
    margin-left: 25%;
  }
  [offset-xl-4] {
    margin-left: 33.33333%;
  }
  [offset-xl-5] {
    margin-left: 41.66667%;
  }
  [offset-xl-6] {
    margin-left: 50%;
  }
  [offset-xl-7] {
    margin-left: 58.33333%;
  }
  [offset-xl-8] {
    margin-left: 66.66667%;
  }
  [offset-xl-9] {
    margin-left: 75%;
  }
  [offset-xl-10] {
    margin-left: 83.33333%;
  }
  [offset-xl-11] {
    margin-left: 91.66667%;
  }
}

ion-icon {
  display: inline-block;
  font-size: 1.2em;
}

ion-icon[small] {
  min-height: 1.1em;
  font-size: 1.1em;
}

.icon-ios-primary {
  color: #1d1c22;
}

.icon-ios-secondary {
  color: #fa8c16;
}

.icon-ios-twitter {
  color: #55acee;
}

.icon-ios-danger {
  color: #f53d3d;
}

.icon-ios-light {
  color: #d4cdec;
}

.icon-ios-sandy {
  color: #e49f68;
}

.icon-ios-purple {
  color: #685a92;
}

.icon-ios-base {
  color: #ffffff;
}

.icon-ios-headerBg {
  color: #2d2940;
}

.icon-ios-borderColor {
  color: #37314b;
}

.icon-ios-backgroundColor {
  color: #1d1c22;
}

.icon-ios-bluegrey {
  color: #1a7d9d;
}

.icon-ios-darkorange {
  color: #bd871e;
}

.icon-md-primary {
  color: #1d1c22;
}

.icon-md-secondary {
  color: #fa8c16;
}

.icon-md-twitter {
  color: #55acee;
}

.icon-md-danger {
  color: #f53d3d;
}

.icon-md-light {
  color: #d4cdec;
}

.icon-md-sandy {
  color: #e49f68;
}

.icon-md-purple {
  color: #685a92;
}

.icon-md-base {
  color: #ffffff;
}

.icon-md-headerBg {
  color: #2d2940;
}

.icon-md-borderColor {
  color: #37314b;
}

.icon-md-backgroundColor {
  color: #1d1c22;
}

.icon-md-bluegrey {
  color: #1a7d9d;
}

.icon-md-darkorange {
  color: #bd871e;
}

.icon-wp-primary {
  color: #1d1c22;
}

.icon-wp-secondary {
  color: #fa8c16;
}

.icon-wp-twitter {
  color: #55acee;
}

.icon-wp-danger {
  color: #f53d3d;
}

.icon-wp-light {
  color: #d4cdec;
}

.icon-wp-sandy {
  color: #e49f68;
}

.icon-wp-purple {
  color: #685a92;
}

.icon-wp-base {
  color: #ffffff;
}

.icon-wp-headerBg {
  color: #2d2940;
}

.icon-wp-borderColor {
  color: #37314b;
}

.icon-wp-backgroundColor {
  color: #1d1c22;
}

.icon-wp-bluegrey {
  color: #1a7d9d;
}

.icon-wp-darkorange {
  color: #bd871e;
}

ion-img {
  display: inline-block;
  min-width: 20px;
  min-height: 20px;
  background: #eee;
  contain: strict;
}

ion-img img {
  -o-object-fit: cover;
  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 {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  min-height: 84px;
}

.infinite-loading {
  display: none;
  width: 100%;
  margin: 0 0 32px;
}

.infinite-loading-text {
  color: #666;
  margin: 4px 32px 0;
}

.infinite-loading-spinner .spinner-ios line,
.infinite-loading-spinner .spinner-ios-small line,
.infinite-loading-spinner .spinner-crescent circle {
  stroke: #666;
}

.infinite-loading-spinner .spinner-bubbles circle,
.infinite-loading-spinner .spinner-circles circle,
.infinite-loading-spinner .spinner-dots circle {
  fill: #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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
}

.item-input ion-input,
.item-input ion-textarea {
  position: static;
}

.item.item-textarea {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.text-input {
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  display: inline-block;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 92%;
  width: calc(100% - 10px);
  border: 0;
  background: transparent;
}

.text-input::-moz-placeholder {
  color: #eeeeee;
}

.text-input:-ms-input-placeholder {
  color: #eeeeee;
}

.text-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #eeeeee;
}

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 {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

.input[disabled] .input-cover {
  pointer-events: none;
}

.item-input-has-focus .input-cover,
.input-has-focus .input-cover {
  display: none;
}

.item-input-has-focus,
.input-has-focus {
  pointer-events: none;
}

.item-input-has-focus input,
.input-has-focus input,
.item-input-has-focus textarea,
.input-has-focus textarea,
.item-input-has-focus a,
.input-has-focus a,
.item-input-has-focus button,
.input-has-focus button {
  pointer-events: auto;
}

.text-input-clear-icon {
  margin: 0;
  padding: 0;
  background-position: center;
  position: absolute;
  top: 0;
  display: none;
  height: 100%;
  background-repeat: no-repeat;
}

.item-input-has-focus.item-input-has-value .text-input-clear-icon,
.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 {
  padding: 5.5px 8px;
  margin: 5.5px 16px 5.5px 0;
}

.item-ios.item-label-stacked .text-input,
.item-ios.item-label-floating .text-input {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-ios.item-label-stacked .label-ios + .input + .cloned-input,
.item-ios.item-label-floating .label-ios + .input + .cloned-input {
  margin-left: 0;
}

.item-label-stacked .select-ios,
.item-label-floating .select-ios {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-ios[clearInput] {
  position: relative;
}

.input-ios[clearInput] .text-input {
  padding-right: 30px;
}

.input-ios .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
  width: 30px;
  background-size: 18px;
}

.text-input-md {
  margin: 13px 8px;
  padding: 0;
  width: calc(100% - 8px - 8px);
}

.input-md .inset-input {
  padding: 6.5px 8px;
  margin: 6.5px 16px;
}

.item-md.item-input.item-input-has-focus .item-inner,
.item-md.item-input.input-has-focus .item-inner {
  border-bottom-color: #1d1c22;
  -webkit-box-shadow: inset 0 -1px 0 0 #1d1c22;
  box-shadow: inset 0 -1px 0 0 #1d1c22;
}

.list-md .item-input.item-input-has-focus:last-child,
.list-md .item-input.input-has-focus:last-child {
  border-bottom-color: #1d1c22;
  -webkit-box-shadow: inset 0 -1px 0 0 #1d1c22;
  box-shadow: inset 0 -1px 0 0 #1d1c22;
}

.list-md .item-input.item-input-has-focus:last-child .item-inner,
.list-md .item-input.input-has-focus:last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-md.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner,
.item-md.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
  border-bottom-color: #32db64;
  -webkit-box-shadow: inset 0 -1px 0 0 #32db64;
  box-shadow: inset 0 -1px 0 0 #32db64;
}

.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #32db64;
  -webkit-box-shadow: inset 0 -1px 0 0 #32db64;
  box-shadow: inset 0 -1px 0 0 #32db64;
}

.list-md .item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner,
.list-md .item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus) .item-inner {
  border-bottom-color: #f53d3d;
  -webkit-box-shadow: inset 0 -1px 0 0 #f53d3d;
  box-shadow: inset 0 -1px 0 0 #f53d3d;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child {
  border-bottom-color: #f53d3d;
  -webkit-box-shadow: inset 0 -1px 0 0 #f53d3d;
  box-shadow: inset 0 -1px 0 0 #f53d3d;
}

.list-md .item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-input-has-focus):last-child .item-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
}

.item-label-stacked .text-input-md,
.item-label-floating .text-input-md {
  margin-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-label-stacked .select-md,
.item-label-floating .select-md {
  padding-left: 0;
  padding-top: 8px;
  padding-bottom: 8px;
}

.input-md[clearInput] {
  position: relative;
}

.input-md[clearInput] .text-input {
  padding-right: 30px;
}

.input-md .text-input-clear-icon {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  width: 30px;
  background-size: 22px;
}

.text-input-wp {
  margin: 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 {
  padding: 6.5px 8px;
  margin: 6.5px 16px;
}

.item-wp.item-input.item-input-has-focus .text-input,
.item-wp.item-input.input-has-focus .text-input {
  border-color: #1d1c22;
}

.item-wp.item-input.ng-valid.item-input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input,
.item-wp.item-input.ng-valid.input-has-value:not(.input-has-focus):not(.item-input-has-focus) .text-input {
  border-color: #32db64;
}

.item-wp.item-input.ng-invalid.ng-touched:not(.input-has-focus):not(.item-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-left: 0;
  margin-top: 8px;
  margin-bottom: 8px;
  width: calc(100% - 8px);
}

.item-wp.item-label-stacked [item-right],
.item-wp.item-label-floating [item-right],
.item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] {
  -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 {
  right: 8px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='rgba(0,%200,%200,%200.5)'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  width: 30px;
  background-size: 22px;
}

.item {
  contain: content;
}

.item-block {
  margin: 0;
  padding: 0;
  text-align: initial;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4.4rem;
  border: 0;
  font-weight: normal;
  line-height: normal;
  text-decoration: none;
  color: inherit;
}

.item-inner {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: inherit;
  -webkit-align-items: inherit;
  -ms-flex-align: inherit;
  align-items: inherit;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  min-height: inherit;
  border: 0;
}

.input-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: inherit;
  -webkit-box-direction: inherit;
  -webkit-flex-direction: inherit;
  -ms-flex-direction: inherit;
  flex-direction: inherit;
  -webkit-box-align: 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 {
  margin: 0;
  padding: 0;
  z-index: 100;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 30px;
}

ion-item-divider[sticky] {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

[vertical-align-top],
ion-input.item {
  -webkit-box-align: start;
  -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 {
  text-align: center;
  min-width: 24px;
}

.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 {
  left: 0;
  top: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  background: transparent;
  cursor: pointer;
}

ion-reorder {
  -webkit-transform: translate3d(300%,  0,  0);
  transform: translate3d(300%,  0,  0);
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 40px;
  height: 100%;
  font-size: 1.7em;
  opacity: .25;
  -webkit-transition: -webkit-transform 140ms ease-in;
  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;
}

.reorder-side-start ion-reorder {
  -webkit-transform: translate3d(-300%,  0,  0);
  transform: translate3d(-300%,  0,  0);
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

ion-reorder ion-icon {
  pointer-events: none;
}

.reorder-enabled ion-reorder {
  display: -webkit-box;
  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 {
  -webkit-transition: -webkit-transform 300ms;
  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;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  opacity: .8;
  -webkit-transition: none;
  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;
  z-index: 1;
  display: none;
  height: 100%;
  font-size: 14px;
  visibility: hidden;
  top: 0;
  right: 0;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

ion-item-options[side=left] {
  right: auto;
  left: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

ion-item-options .button {
  margin: 0;
  padding: 0 0.7em;
  border-radius: 0;
  height: 100%;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

ion-item-options .button:last-child {
  padding-right: 0.7em;
}

@media screen and (orientation: landscape) {
  ion-item-options .button:last-child {
    padding-right: calc(constant(safe-area-inset-right) + 0.7em);
    padding-right: calc(env(safe-area-inset-right) + 0.7em);
  }
}

ion-item-options:not([icon-left]) .button:not([icon-only]) .button-inner,
ion-item-options:not([icon-start]) .button:not([icon-only]) .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

ion-item-options:not([icon-left]) .button:not([icon-only]) ion-icon,
ion-item-options:not([icon-start]) .button:not([icon-only]) ion-icon {
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 0.3em;
}

ion-item-sliding.active-slide .item,
ion-item-sliding.active-slide .item.activated {
  position: relative;
  z-index: 2;
  opacity: 1;
  -webkit-transition: -webkit-transform 500ms cubic-bezier(0.36, 0.66, 0.04, 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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ion-item-sliding.active-slide.active-options-left ion-item-options[side=left],
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;
  -webkit-transition-duration: 0;
  transition-duration: 0;
  -webkit-transition-property: none;
  transition-property: none;
  -webkit-transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
  transition-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

ion-item-sliding.active-swipe-right button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-left;
  transition-property: padding-left;
  padding-left: 90%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

ion-item-sliding.active-swipe-left button[expandable] {
  -webkit-transition-duration: .6s;
  transition-duration: .6s;
  -webkit-transition-property: padding-right;
  transition-property: padding-right;
  padding-right: 90%;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.item-ios {
  padding-left: 16px;
  padding-left: 16px;
  border-radius: 0;
  position: relative;
  font-size: 1.7rem;
  color: #000;
  background-color: #fff;
  -webkit-transition: background-color 200ms linear;
  transition: background-color 200ms linear;
}

@media screen and (orientation: landscape) {
  .item-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios.activated {
  background-color: #d9d9d9;
  -webkit-transition-duration: 0ms;
  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;
  font-size: 1.4rem;
  line-height: normal;
  text-overflow: inherit;
  color: #8e9093;
  margin: 0 0 2px;
}

.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;
  padding-right: 8px;
  border-bottom: 1px solid transparent;
}

@media screen and (orientation: landscape) {
  .item-ios.item-block .item-inner {
    padding-right: calc(constant(safe-area-inset-right) + 8px);
    padding-right: calc(env(safe-area-inset-right) + 8px);
  }
}

.item-ios [item-left],
.item-ios [item-start] {
  margin: 8px 16px 8px 0;
}

.item-ios [item-right],
.item-ios [item-end] {
  margin: 8px;
}

.item-ios ion-icon[item-left],
.item-ios ion-icon[item-right],
.item-ios ion-icon[item-start],
.item-ios ion-icon[item-end] {
  margin-left: 0;
  margin-top: 9px;
  margin-bottom: 8px;
}

.item-ios .item-button {
  padding: 0 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],
.item-ios ion-avatar[item-start],
.item-ios ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-ios ion-avatar[item-right],
.item-ios ion-thumbnail[item-right],
.item-ios ion-avatar[item-end],
.item-ios ion-thumbnail[item-end] {
  margin: 8px;
}

.item-ios ion-avatar {
  min-width: 36px;
  min-height: 36px;
}

.item-ios ion-avatar ion-img,
.item-ios ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 36px;
  height: 36px;
}

.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,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2012%2020'><path%20d='M2,20l-2-2l8-8L0,2l2-2l10,10L2,20z'%20fill='transparent'/></svg>");
  padding-right: 32px;
  background-position: right 14px center;
  background-position: right calc(14px + constant(safe-area-inset-right)) center;
  background-position: right calc(14px + env(safe-area-inset-right)) center;
  background-repeat: no-repeat;
  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;
  padding-left: 16px;
  color: #222;
  background-color: #f7f7f7;
}

@media screen and (orientation: landscape) {
  .item-divider-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.item-ios .text-ios-primary {
  color: #1d1c22;
}

.item-ios-primary,
.item-divider-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.item-ios-primary p,
.item-divider-ios-primary p {
  color: #fff;
}

.item-ios-primary.activated,
.item-divider-ios-primary.activated {
  background-color: #2f2e34;
}

.item-ios .text-ios-secondary {
  color: #fa8c16;
}

.item-ios-secondary,
.item-divider-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.item-ios-secondary p,
.item-divider-ios-secondary p {
  color: #fff;
}

.item-ios-secondary.activated,
.item-divider-ios-secondary.activated {
  background-color: #e68114;
}

.item-ios .text-ios-twitter {
  color: #55acee;
}

.item-ios-twitter,
.item-divider-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.item-ios-twitter p,
.item-divider-ios-twitter p {
  color: #fff;
}

.item-ios-twitter.activated,
.item-divider-ios-twitter.activated {
  background-color: #4e9edb;
}

.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: #d4cdec;
}

.item-ios-light,
.item-divider-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.item-ios-light p,
.item-divider-ios-light p {
  color: #000;
}

.item-ios-light.activated,
.item-divider-ios-light.activated {
  background-color: #c3bdd9;
}

.item-ios .text-ios-sandy {
  color: #e49f68;
}

.item-ios-sandy,
.item-divider-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.item-ios-sandy p,
.item-divider-ios-sandy p {
  color: #fff;
}

.item-ios-sandy.activated,
.item-divider-ios-sandy.activated {
  background-color: #d29260;
}

.item-ios .text-ios-purple {
  color: #685a92;
}

.item-ios-purple,
.item-divider-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.item-ios-purple p,
.item-divider-ios-purple p {
  color: #fff;
}

.item-ios-purple.activated,
.item-divider-ios-purple.activated {
  background-color: #74679b;
}

.item-ios .text-ios-base {
  color: #ffffff;
}

.item-ios-base,
.item-divider-ios-base {
  color: #000;
  background-color: #ffffff;
}

.item-ios-base p,
.item-divider-ios-base p {
  color: #000;
}

.item-ios-base.activated,
.item-divider-ios-base.activated {
  background-color: #ebebeb;
}

.item-ios .text-ios-headerBg {
  color: #2d2940;
}

.item-ios-headerBg,
.item-divider-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.item-ios-headerBg p,
.item-divider-ios-headerBg p {
  color: #fff;
}

.item-ios-headerBg.activated,
.item-divider-ios-headerBg.activated {
  background-color: #3e3a4f;
}

.item-ios .text-ios-borderColor {
  color: #37314b;
}

.item-ios-borderColor,
.item-divider-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.item-ios-borderColor p,
.item-divider-ios-borderColor p {
  color: #fff;
}

.item-ios-borderColor.activated,
.item-divider-ios-borderColor.activated {
  background-color: #474159;
}

.item-ios .text-ios-backgroundColor {
  color: #1d1c22;
}

.item-ios-backgroundColor,
.item-divider-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.item-ios-backgroundColor p,
.item-divider-ios-backgroundColor p {
  color: #fff;
}

.item-ios-backgroundColor.activated,
.item-divider-ios-backgroundColor.activated {
  background-color: #2f2e34;
}

.item-ios .text-ios-bluegrey {
  color: #1a7d9d;
}

.item-ios-bluegrey,
.item-divider-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.item-ios-bluegrey p,
.item-divider-ios-bluegrey p {
  color: #fff;
}

.item-ios-bluegrey.activated,
.item-divider-ios-bluegrey.activated {
  background-color: #2c87a5;
}

.item-ios .text-ios-darkorange {
  color: #bd871e;
}

.item-ios-darkorange,
.item-divider-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.item-ios-darkorange p,
.item-divider-ios-darkorange p {
  color: #fff;
}

.item-ios-darkorange.activated,
.item-divider-ios-darkorange.activated {
  background-color: #c29130;
}

.list-ios ion-item-sliding {
  background-color: #fff;
}

.item-md {
  padding-left: 16px;
  padding-right: 0;
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-transition: background-color 300ms cubic-bezier(0.4, 0, 0.2, 1);
  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 {
  margin: 0 0 2px;
  overflow: inherit;
  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],
.item-md [item-start],
.item-md [item-end] {
  margin: 9px 8px 9px 0;
}

.item-md ion-icon[item-left],
.item-md ion-icon[item-right],
.item-md ion-icon[item-start],
.item-md ion-icon[item-end] {
  margin-left: 0;
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-md .item-button {
  padding: 0 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,
.item-md ion-icon[item-start] + .item-inner,
.item-md ion-icon[item-start] + .item-input {
  margin-left: 24px;
}

.item-md ion-avatar[item-left],
.item-md ion-thumbnail[item-left],
.item-md ion-avatar[item-start],
.item-md ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-md ion-avatar[item-right],
.item-md ion-thumbnail[item-right],
.item-md ion-avatar[item-end],
.item-md ion-thumbnail[item-end] {
  margin: 8px;
}

.item-md ion-avatar {
  min-width: 40px;
  min-height: 40px;
}

.item-md ion-avatar ion-img,
.item-md ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.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;
  border-bottom: 1px solid #dedede;
  font-size: 1.4rem;
  color: #858585;
  background-color: #fff;
}

.item-md .text-md-primary {
  color: #1d1c22;
}

.item-md-primary,
.item-divider-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.item-md-primary p,
.item-divider-md-primary p {
  color: #fff;
}

.item-md-primary.activated,
.item-divider-md-primary.activated {
  background-color: #2f2e34;
}

.item-md .text-md-secondary {
  color: #fa8c16;
}

.item-md-secondary,
.item-divider-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.item-md-secondary p,
.item-divider-md-secondary p {
  color: #fff;
}

.item-md-secondary.activated,
.item-divider-md-secondary.activated {
  background-color: #e68114;
}

.item-md .text-md-twitter {
  color: #55acee;
}

.item-md-twitter,
.item-divider-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.item-md-twitter p,
.item-divider-md-twitter p {
  color: #fff;
}

.item-md-twitter.activated,
.item-divider-md-twitter.activated {
  background-color: #4e9edb;
}

.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: #d4cdec;
}

.item-md-light,
.item-divider-md-light {
  color: #000;
  background-color: #d4cdec;
}

.item-md-light p,
.item-divider-md-light p {
  color: #000;
}

.item-md-light.activated,
.item-divider-md-light.activated {
  background-color: #c3bdd9;
}

.item-md .text-md-sandy {
  color: #e49f68;
}

.item-md-sandy,
.item-divider-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.item-md-sandy p,
.item-divider-md-sandy p {
  color: #fff;
}

.item-md-sandy.activated,
.item-divider-md-sandy.activated {
  background-color: #d29260;
}

.item-md .text-md-purple {
  color: #685a92;
}

.item-md-purple,
.item-divider-md-purple {
  color: #fff;
  background-color: #685a92;
}

.item-md-purple p,
.item-divider-md-purple p {
  color: #fff;
}

.item-md-purple.activated,
.item-divider-md-purple.activated {
  background-color: #74679b;
}

.item-md .text-md-base {
  color: #ffffff;
}

.item-md-base,
.item-divider-md-base {
  color: #000;
  background-color: #ffffff;
}

.item-md-base p,
.item-divider-md-base p {
  color: #000;
}

.item-md-base.activated,
.item-divider-md-base.activated {
  background-color: #ebebeb;
}

.item-md .text-md-headerBg {
  color: #2d2940;
}

.item-md-headerBg,
.item-divider-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.item-md-headerBg p,
.item-divider-md-headerBg p {
  color: #fff;
}

.item-md-headerBg.activated,
.item-divider-md-headerBg.activated {
  background-color: #3e3a4f;
}

.item-md .text-md-borderColor {
  color: #37314b;
}

.item-md-borderColor,
.item-divider-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.item-md-borderColor p,
.item-divider-md-borderColor p {
  color: #fff;
}

.item-md-borderColor.activated,
.item-divider-md-borderColor.activated {
  background-color: #474159;
}

.item-md .text-md-backgroundColor {
  color: #1d1c22;
}

.item-md-backgroundColor,
.item-divider-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.item-md-backgroundColor p,
.item-divider-md-backgroundColor p {
  color: #fff;
}

.item-md-backgroundColor.activated,
.item-divider-md-backgroundColor.activated {
  background-color: #2f2e34;
}

.item-md .text-md-bluegrey {
  color: #1a7d9d;
}

.item-md-bluegrey,
.item-divider-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.item-md-bluegrey p,
.item-divider-md-bluegrey p {
  color: #fff;
}

.item-md-bluegrey.activated,
.item-divider-md-bluegrey.activated {
  background-color: #2c87a5;
}

.item-md .text-md-darkorange {
  color: #bd871e;
}

.item-md-darkorange,
.item-divider-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.item-md-darkorange p,
.item-divider-md-darkorange p {
  color: #fff;
}

.item-md-darkorange.activated,
.item-divider-md-darkorange.activated {
  background-color: #c29130;
}

.list-md ion-item-sliding {
  background-color: #fff;
}

.item-md ion-reorder {
  font-size: 1.5em;
  opacity: .3;
}

.item-wp {
  padding-left: 16px;
  padding-right: 0;
  position: relative;
  font-size: 1.6rem;
  font-weight: normal;
  text-transform: none;
  color: #000;
  background-color: #fff;
  -webkit-box-shadow: none;
  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 {
  margin: 0 0 2px;
  overflow: inherit;
  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],
.item-wp [item-start],
.item-wp [item-end] {
  margin: 9px 8px 9px 0;
}

.item-wp ion-icon[item-left],
.item-wp ion-icon[item-right],
.item-wp ion-icon[item-start],
.item-wp ion-icon[item-end] {
  margin-left: 0;
  margin-top: 11px;
  margin-bottom: 10px;
}

.item-wp .item-button {
  padding: 0 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,
.item-wp ion-icon[item-start] + .item-inner,
.item-wp ion-icon[item-start] + .item-input {
  margin-left: 8px;
}

.item-wp ion-avatar[item-left],
.item-wp ion-thumbnail[item-left],
.item-wp ion-avatar[item-start],
.item-wp ion-thumbnail[item-start] {
  margin: 8px 16px 8px 0;
}

.item-wp ion-avatar[item-right],
.item-wp ion-thumbnail[item-right],
.item-wp ion-avatar[item-end],
.item-wp ion-thumbnail[item-end] {
  margin: 8px;
}

.item-wp ion-avatar {
  min-width: 40px;
  min-height: 40px;
}

.item-wp ion-avatar ion-img,
.item-wp ion-avatar img {
  border-radius: 50%;
  overflow: hidden;
  width: 40px;
  height: 40px;
}

.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: #1d1c22;
}

.item-wp-primary,
.item-divider-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.item-wp-primary p,
.item-divider-wp-primary p {
  color: #fff;
}

.item-wp-primary.activated,
.item-divider-wp-primary.activated {
  background-color: #2f2e34;
}

.item-wp .text-wp-secondary {
  color: #fa8c16;
}

.item-wp-secondary,
.item-divider-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.item-wp-secondary p,
.item-divider-wp-secondary p {
  color: #fff;
}

.item-wp-secondary.activated,
.item-divider-wp-secondary.activated {
  background-color: #e68114;
}

.item-wp .text-wp-twitter {
  color: #55acee;
}

.item-wp-twitter,
.item-divider-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.item-wp-twitter p,
.item-divider-wp-twitter p {
  color: #fff;
}

.item-wp-twitter.activated,
.item-divider-wp-twitter.activated {
  background-color: #4e9edb;
}

.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: #d4cdec;
}

.item-wp-light,
.item-divider-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.item-wp-light p,
.item-divider-wp-light p {
  color: #000;
}

.item-wp-light.activated,
.item-divider-wp-light.activated {
  background-color: #c3bdd9;
}

.item-wp .text-wp-sandy {
  color: #e49f68;
}

.item-wp-sandy,
.item-divider-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.item-wp-sandy p,
.item-divider-wp-sandy p {
  color: #fff;
}

.item-wp-sandy.activated,
.item-divider-wp-sandy.activated {
  background-color: #d29260;
}

.item-wp .text-wp-purple {
  color: #685a92;
}

.item-wp-purple,
.item-divider-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.item-wp-purple p,
.item-divider-wp-purple p {
  color: #fff;
}

.item-wp-purple.activated,
.item-divider-wp-purple.activated {
  background-color: #74679b;
}

.item-wp .text-wp-base {
  color: #ffffff;
}

.item-wp-base,
.item-divider-wp-base {
  color: #000;
  background-color: #ffffff;
}

.item-wp-base p,
.item-divider-wp-base p {
  color: #000;
}

.item-wp-base.activated,
.item-divider-wp-base.activated {
  background-color: #ebebeb;
}

.item-wp .text-wp-headerBg {
  color: #2d2940;
}

.item-wp-headerBg,
.item-divider-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.item-wp-headerBg p,
.item-divider-wp-headerBg p {
  color: #fff;
}

.item-wp-headerBg.activated,
.item-divider-wp-headerBg.activated {
  background-color: #3e3a4f;
}

.item-wp .text-wp-borderColor {
  color: #37314b;
}

.item-wp-borderColor,
.item-divider-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.item-wp-borderColor p,
.item-divider-wp-borderColor p {
  color: #fff;
}

.item-wp-borderColor.activated,
.item-divider-wp-borderColor.activated {
  background-color: #474159;
}

.item-wp .text-wp-backgroundColor {
  color: #1d1c22;
}

.item-wp-backgroundColor,
.item-divider-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.item-wp-backgroundColor p,
.item-divider-wp-backgroundColor p {
  color: #fff;
}

.item-wp-backgroundColor.activated,
.item-divider-wp-backgroundColor.activated {
  background-color: #2f2e34;
}

.item-wp .text-wp-bluegrey {
  color: #1a7d9d;
}

.item-wp-bluegrey,
.item-divider-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.item-wp-bluegrey p,
.item-divider-wp-bluegrey p {
  color: #fff;
}

.item-wp-bluegrey.activated,
.item-divider-wp-bluegrey.activated {
  background-color: #2c87a5;
}

.item-wp .text-wp-darkorange {
  color: #bd871e;
}

.item-wp-darkorange,
.item-divider-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.item-wp-darkorange p,
.item-divider-wp-darkorange p {
  color: #fff;
}

.item-wp-darkorange.activated,
.item-divider-wp-darkorange.activated {
  background-color: #c29130;
}

.list-wp ion-item-sliding {
  background-color: #fff;
}

ion-label {
  margin: 0;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.item-input ion-label {
  -webkit-box-flex: initial;
  -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-box-flex: 0;
  -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;
  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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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;
  align-self: stretch;
  max-width: 100%;
}

.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;
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  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;
}

.item-input-has-focus .label-ios[floating],
.input-has-focus .label-ios[floating],
.item-input-has-value .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],
.item-ios.item-label-stacked [item-end],
.item-ios.item-label-floating [item-end] {
  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: #1d1c22;
}

.label-ios-secondary,
.item-input .label-ios-secondary,
.item-select .label-ios-secondary,
.item-datetime .label-ios-secondary {
  color: #fa8c16;
}

.label-ios-twitter,
.item-input .label-ios-twitter,
.item-select .label-ios-twitter,
.item-datetime .label-ios-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.label-ios-sandy,
.item-input .label-ios-sandy,
.item-select .label-ios-sandy,
.item-datetime .label-ios-sandy {
  color: #e49f68;
}

.label-ios-purple,
.item-input .label-ios-purple,
.item-select .label-ios-purple,
.item-datetime .label-ios-purple {
  color: #685a92;
}

.label-ios-base,
.item-input .label-ios-base,
.item-select .label-ios-base,
.item-datetime .label-ios-base {
  color: #ffffff;
}

.label-ios-headerBg,
.item-input .label-ios-headerBg,
.item-select .label-ios-headerBg,
.item-datetime .label-ios-headerBg {
  color: #2d2940;
}

.label-ios-borderColor,
.item-input .label-ios-borderColor,
.item-select .label-ios-borderColor,
.item-datetime .label-ios-borderColor {
  color: #37314b;
}

.label-ios-backgroundColor,
.item-input .label-ios-backgroundColor,
.item-select .label-ios-backgroundColor,
.item-datetime .label-ios-backgroundColor {
  color: #1d1c22;
}

.label-ios-bluegrey,
.item-input .label-ios-bluegrey,
.item-select .label-ios-bluegrey,
.item-datetime .label-ios-bluegrey {
  color: #1a7d9d;
}

.label-ios-darkorange,
.item-input .label-ios-darkorange,
.item-select .label-ios-darkorange,
.item-datetime .label-ios-darkorange {
  color: #bd871e;
}

.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;
  -webkit-transition: -webkit-transform 150ms ease-in-out;
  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-left: 0;
  margin-bottom: 0;
}

.item-input-has-focus .label-md[stacked],
.input-has-focus .label-md[stacked],
.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating] {
  color: #1d1c22;
}

.item-input-has-focus .label-md[floating],
.input-has-focus .label-md[floating],
.item-input-has-value .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],
.item-md.item-label-stacked [item-end],
.item-md.item-label-floating [item-end] {
  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: #1d1c22;
}

.label-md-secondary,
.item-input .label-md-secondary,
.item-select .label-md-secondary,
.item-datetime .label-md-secondary {
  color: #fa8c16;
}

.label-md-twitter,
.item-input .label-md-twitter,
.item-select .label-md-twitter,
.item-datetime .label-md-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.label-md-sandy,
.item-input .label-md-sandy,
.item-select .label-md-sandy,
.item-datetime .label-md-sandy {
  color: #e49f68;
}

.label-md-purple,
.item-input .label-md-purple,
.item-select .label-md-purple,
.item-datetime .label-md-purple {
  color: #685a92;
}

.label-md-base,
.item-input .label-md-base,
.item-select .label-md-base,
.item-datetime .label-md-base {
  color: #ffffff;
}

.label-md-headerBg,
.item-input .label-md-headerBg,
.item-select .label-md-headerBg,
.item-datetime .label-md-headerBg {
  color: #2d2940;
}

.label-md-borderColor,
.item-input .label-md-borderColor,
.item-select .label-md-borderColor,
.item-datetime .label-md-borderColor {
  color: #37314b;
}

.label-md-backgroundColor,
.item-input .label-md-backgroundColor,
.item-select .label-md-backgroundColor,
.item-datetime .label-md-backgroundColor {
  color: #1d1c22;
}

.label-md-bluegrey,
.item-input .label-md-bluegrey,
.item-select .label-md-bluegrey,
.item-datetime .label-md-bluegrey {
  color: #1a7d9d;
}

.label-md-darkorange,
.item-input .label-md-darkorange,
.item-select .label-md-darkorange,
.item-datetime .label-md-darkorange {
  color: #bd871e;
}

.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-left: 0;
  margin-bottom: 0;
}

.item-input-has-focus .label-wp[stacked],
.input-has-focus .label-wp[stacked],
.item-input-has-focus .label-wp[floating],
.input-has-focus .label-wp[floating] {
  color: #1d1c22;
}

.item-input-has-focus .label-wp[floating],
.input-has-focus .label-wp[floating],
.item-input-has-value .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],
.item-wp.item-label-stacked [item-end],
.item-wp.item-label-floating [item-end] {
  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: #1d1c22;
}

.label-wp-secondary,
.item-input .label-wp-secondary,
.item-select .label-wp-secondary,
.item-datetime .label-wp-secondary {
  color: #fa8c16;
}

.label-wp-twitter,
.item-input .label-wp-twitter,
.item-select .label-wp-twitter,
.item-datetime .label-wp-twitter {
  color: #55acee;
}

.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: #d4cdec;
}

.label-wp-sandy,
.item-input .label-wp-sandy,
.item-select .label-wp-sandy,
.item-datetime .label-wp-sandy {
  color: #e49f68;
}

.label-wp-purple,
.item-input .label-wp-purple,
.item-select .label-wp-purple,
.item-datetime .label-wp-purple {
  color: #685a92;
}

.label-wp-base,
.item-input .label-wp-base,
.item-select .label-wp-base,
.item-datetime .label-wp-base {
  color: #ffffff;
}

.label-wp-headerBg,
.item-input .label-wp-headerBg,
.item-select .label-wp-headerBg,
.item-datetime .label-wp-headerBg {
  color: #2d2940;
}

.label-wp-borderColor,
.item-input .label-wp-borderColor,
.item-select .label-wp-borderColor,
.item-datetime .label-wp-borderColor {
  color: #37314b;
}

.label-wp-backgroundColor,
.item-input .label-wp-backgroundColor,
.item-select .label-wp-backgroundColor,
.item-datetime .label-wp-backgroundColor {
  color: #1d1c22;
}

.label-wp-bluegrey,
.item-input .label-wp-bluegrey,
.item-select .label-wp-bluegrey,
.item-datetime .label-wp-bluegrey {
  color: #1a7d9d;
}

.label-wp-darkorange,
.item-input .label-wp-darkorange,
.item-select .label-wp-darkorange,
.item-datetime .label-wp-darkorange {
  color: #bd871e;
}

ion-list-header {
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  min-height: 4rem;
}

ion-list {
  margin: 0;
  padding: 0;
  display: block;
  list-style-type: none;
}

ion-list[inset] {
  overflow: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.list-ios {
  margin: -1px 0 32px;
}

.list-ios > .item-block:first-child {
  border-top: 1px solid transparent;
}

.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 1px solid transparent;
}

.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: 1px solid transparent;
}

.list-ios .item[no-lines],
.list-ios .item[no-lines] .item-inner {
  border-width: 0;
}

.list-ios ion-item-options {
  border-bottom: 1px solid transparent;
}

.list-ios ion-item-options .button {
  margin: 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  min-height: 100%;
  border: 0;
  -webkit-box-sizing: border-box;
  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;
  border-radius: 4px;
}

.list-ios[inset] ion-list-header {
  background-color: #fff;
}

.list-ios[inset] .item {
  border-bottom: 1px solid transparent;
}

.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 {
  padding-left: 16px;
  padding-left: 16px;
  position: relative;
  border-bottom: 1px solid transparent;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1rem;
  text-transform: uppercase;
  color: #333;
  background: transparent;
}

@media screen and (orientation: landscape) {
  .list-header-ios {
    padding-left: calc(constant(safe-area-inset-left) + 16px);
    padding-left: calc(env(safe-area-inset-left) + 16px);
  }
}

.list-header-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.list-header-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.list-header-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.list-header-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.list-header-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.list-header-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.list-header-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.list-header-ios-base {
  color: #000;
  background-color: #ffffff;
}

.list-header-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.list-header-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.list-header-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.list-header-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.list-header-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.list-md {
  margin: -1px 0 16px;
}

.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 {
  margin: 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  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;
  border-radius: 2px;
}

.list-md[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-width: 0;
}

.list-md[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-width: 0;
}

.list-md[inset] .item-input {
  padding-left: 0;
  padding-right: 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 {
  padding-left: 16px;
  margin-bottom: 13px;
  min-height: 4.5rem;
  border-top: 1px solid #dedede;
  font-size: 1.4rem;
  color: #757575;
}

.list-header-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.list-header-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.list-header-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.list-header-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.list-header-md-light {
  color: #000;
  background-color: #d4cdec;
}

.list-header-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.list-header-md-purple {
  color: #fff;
  background-color: #685a92;
}

.list-header-md-base {
  color: #000;
  background-color: #ffffff;
}

.list-header-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.list-header-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.list-header-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.list-header-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.list-header-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.list-md .item-input:last-child {
  border-bottom: 1px solid #dedede;
}

.list-wp {
  margin: 0 0 16px;
}

.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 {
  margin: 1px 0;
  border-radius: 0;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: calc(100% - 2px);
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  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;
  border-radius: 2px;
}

.list-wp[inset] .item:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
  border-top-width: 0;
}

.list-wp[inset] .item:last-child {
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
  border-bottom-width: 0;
}

.list-wp[inset] .item-input {
  padding-left: 0;
  padding-right: 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: #1d1c22;
}

.list-header-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.list-header-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.list-header-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.list-header-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.list-header-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.list-header-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.list-header-wp-base {
  color: #000;
  background-color: #ffffff;
}

.list-header-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.list-header-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.list-header-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.list-header-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.list-header-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

ion-loading {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

.loading-wrapper {
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  opacity: 0;
}

.loading-ios .loading-wrapper {
  border-radius: 8px;
  max-width: 270px;
  max-height: 90%;
  color: #000;
  background: #f8f8f8;
  padding: 24px 34px;
}

.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 {
  border-radius: 2px;
  max-width: 280px;
  max-height: 90%;
  color: rgba(0, 0, 0, 0.5);
  background: #fafafa;
  -webkit-box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  box-shadow: 0 16px 20px rgba(0, 0, 0, 0.4);
  padding: 24px;
}

.loading-md .loading-spinner + .loading-content {
  margin-left: 16px;
}

.loading-md .spinner-ios line,
.loading-md .spinner-ios-small line {
  stroke: #1d1c22;
}

.loading-md .spinner-bubbles circle {
  fill: #1d1c22;
}

.loading-md .spinner-circles circle {
  fill: #1d1c22;
}

.loading-md .spinner-crescent circle {
  stroke: #1d1c22;
}

.loading-md .spinner-dots circle {
  fill: #1d1c22;
}

.loading-wp .loading-wrapper {
  border-radius: 2px;
  max-width: 280px;
  max-height: 90%;
  color: #fff;
  background: #000;
  padding: 20px;
}

.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 {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: none;
  contain: strict;
}

ion-menu.show-menu {
  display: block;
}

.menu-inner {
  left: 0;
  right: auto;
  top: 0;
  bottom: 0;
  -webkit-transform: translate3d(-9999px,  0,  0);
  transform: translate3d(-9999px,  0,  0);
  position: absolute;
  display: block;
  width: 304px;
  height: 100%;
  contain: strict;
}

.menu-inner > ion-header,
.menu-inner > ion-content,
.menu-inner > ion-footer {
  position: absolute;
}

ion-menu[side=left] > .menu-inner {
  right: auto;
  left: 0;
}

ion-menu[side=right] > .menu-inner {
  right: 0;
  left: auto;
}

ion-menu[side=end] > .menu-inner {
  left: auto;
  right: 0;
}

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 {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.ios ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-inner {
  background: #fff;
}

.md .menu-content-reveal {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md .menu-content-push {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.md ion-menu[type=overlay] .menu-inner {
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}

.wp .menu-inner {
  background: #f2f2f2;
}

ion-modal {
  left: 0;
  top: 0;
  position: absolute;
  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 {
    left: calc(50% - (600px/2));
    top: calc(50% - (500px/2));
    position: absolute;
    width: 600px;
    height: 500px;
  }
}

@media only screen and (min-width: 768px) and (min-height: 768px) {
  .modal-wrapper {
    left: calc(50% - (600px/2));
    top: calc(50% - (600px/2));
    position: absolute;
    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 {
    border-radius: 10px;
    overflow: hidden;
  }
}

.md .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
  opacity: .01;
}

@media only screen and (min-width: 768px) and (min-height: 600px) {
  .md .modal-wrapper {
    border-radius: 2px;
    overflow: hidden;
    -webkit-box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
    box-shadow: 0 28px 48px rgba(0, 0, 0, 0.4);
  }
}

.wp .modal-wrapper {
  -webkit-transform: translate3d(0,  40px,  0);
  transform: translate3d(0,  40px,  0);
  opacity: .01;
}

.note-ios {
  color: rgba(0, 0, 0, 0);
}

.note-ios-primary {
  color: #1d1c22;
}

.note-ios-secondary {
  color: #fa8c16;
}

.note-ios-twitter {
  color: #55acee;
}

.note-ios-danger {
  color: #f53d3d;
}

.note-ios-light {
  color: #d4cdec;
}

.note-ios-sandy {
  color: #e49f68;
}

.note-ios-purple {
  color: #685a92;
}

.note-ios-base {
  color: #ffffff;
}

.note-ios-headerBg {
  color: #2d2940;
}

.note-ios-borderColor {
  color: #37314b;
}

.note-ios-backgroundColor {
  color: #1d1c22;
}

.note-ios-bluegrey {
  color: #1a7d9d;
}

.note-ios-darkorange {
  color: #bd871e;
}

.note-md {
  color: #c5c5c5;
}

.note-md-primary {
  color: #1d1c22;
}

.note-md-secondary {
  color: #fa8c16;
}

.note-md-twitter {
  color: #55acee;
}

.note-md-danger {
  color: #f53d3d;
}

.note-md-light {
  color: #d4cdec;
}

.note-md-sandy {
  color: #e49f68;
}

.note-md-purple {
  color: #685a92;
}

.note-md-base {
  color: #ffffff;
}

.note-md-headerBg {
  color: #2d2940;
}

.note-md-borderColor {
  color: #37314b;
}

.note-md-backgroundColor {
  color: #1d1c22;
}

.note-md-bluegrey {
  color: #1a7d9d;
}

.note-md-darkorange {
  color: #bd871e;
}

.note-wp {
  color: rgba(0, 0, 0, 0.5);
}

.note-wp-primary {
  color: #1d1c22;
}

.note-wp-secondary {
  color: #fa8c16;
}

.note-wp-twitter {
  color: #55acee;
}

.note-wp-danger {
  color: #f53d3d;
}

.note-wp-light {
  color: #d4cdec;
}

.note-wp-sandy {
  color: #e49f68;
}

.note-wp-purple {
  color: #685a92;
}

.note-wp-base {
  color: #ffffff;
}

.note-wp-headerBg {
  color: #2d2940;
}

.note-wp-borderColor {
  color: #37314b;
}

.note-wp-backgroundColor {
  color: #1d1c22;
}

.note-wp-bluegrey {
  color: #1a7d9d;
}

.note-wp-darkorange {
  color: #bd871e;
}

ion-picker-cmp {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  contain: strict;
}

.picker-toolbar {
  z-index: 1;
  width: 100%;
  contain: strict;
}

.picker-wrapper {
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  max-width: 500px;
  contain: strict;
}

.picker-columns {
  margin-bottom: constant(safe-area-inset-bottom);
  margin-bottom: env(safe-area-inset-bottom);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  contain: strict;
}

.picker-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: content;
}

.picker-opts {
  position: relative;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  max-width: 100%;
}

.picker-prefix {
  text-align: right;
  text-align: end;
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-suffix {
  text-align: left;
  text-align: start;
  position: relative;
  -webkit-box-flex: 2;
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  min-width: 45%;
  max-width: 50%;
  white-space: nowrap;
}

.picker-opt {
  left: 0;
  top: 0;
  text-align: center;
  position: absolute;
  display: block;
  overflow: hidden;
  width: 100%;
  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-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.picker-opts-right {
  -webkit-box-pack: end;
  -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 transparent;
  background: #fff;
}

.picker-ios .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 44px;
  border-bottom: 1px solid transparent;
  background: #fff;
}

.picker-ios .picker-toolbar-button {
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.picker-ios .picker-toolbar-button:last-child .picker-button {
  font-weight: 600;
}

.picker-ios .picker-toolbar-cancel {
  text-align: left;
  text-align: start;
  font-weight: normal;
}

.picker-ios .picker-button,
.picker-ios .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #1d1c22;
  background: transparent;
}

.picker-columns {
  height: 215px;
  -webkit-perspective: 1000px;
  perspective: 1000px;
}

.picker-ios .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 4px;
}

.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;
  -webkit-transform-origin: center center;
  transform-origin: center center;
  height: 4.6rem;
  font-size: 20px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-ios .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-ios .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  display: block;
  width: 100%;
  height: 119px;
  border-top: 1px solid transparent;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-md .picker-wrapper {
  height: 260px;
  border-top: 1px solid #dedede;
  background: #fff;
}

.picker-md .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -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: #1d1c22;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.picker-md .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-md .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 8px;
}

.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;
  height: 4.3rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
  color: #1d1c22;
}

.picker-md .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid #dedede;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-md .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid #dedede;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-wp .picker-wrapper {
  height: 260px;
  border-top: 1px solid transparent;
  background: #fff;
}

.picker-wp .picker-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 44px;
  border-width: 1px;
  background: #fff;
}

.picker-wp .picker-toolbar-button {
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.picker-wp .picker-toolbar-cancel {
  text-align: left;
  text-align: start;
  font-weight: normal;
}

.picker-wp .picker-button,
.picker-wp .picker-button.activated {
  margin: 0;
  height: 44px;
  color: #1d1c22;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.picker-wp .picker-columns {
  height: 216px;
  -webkit-perspective: 1800px;
  perspective: 1800px;
}

.picker-wp .picker-col {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  padding: 0 4px;
}

.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;
  height: 4.2rem;
  font-size: 22px;
  line-height: 42px;
  color: #000;
  background: transparent;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: auto;
  padding: 0;
}

.picker-wp .picker-prefix,
.picker-wp .picker-suffix,
.picker-wp .picker-opt-selected {
  color: #1d1c22;
}

.picker-wp .picker-above-highlight {
  left: 0;
  top: 0;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 81px;
  border-bottom: 1px solid transparent;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to bottom, white 20%, rgba(255, 255, 255, 0.7) 100%);
}

.picker-wp .picker-below-highlight {
  left: 0;
  top: 115px;
  -webkit-transform: translate3d(0,  0,  90px);
  transform: translate3d(0,  0,  90px);
  position: absolute;
  z-index: 11;
  width: 100%;
  height: 119px;
  border-top: 1px solid transparent;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, white), to(rgba(255, 255, 255, 0.7)));
  background: linear-gradient(to top, white 30%, rgba(255, 255, 255, 0.7) 100%);
}

ion-popover {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: 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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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 {
  border-radius: 10px;
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
}

.popover-ios .popover-arrow {
  position: absolute;
  display: block;
  overflow: hidden;
  width: 20px;
  height: 10px;
}

.popover-ios .popover-arrow::after {
  left: 3px;
  top: 3px;
  border-radius: 3px;
  position: absolute;
  z-index: 10;
  width: 14px;
  height: 14px;
  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-ios .item-ios {
  padding-left: 16px;
}

.popover-ios .item-ios[detail-push] .item-inner,
.popover-ios button.item-ios:not([detail-none]) .item-inner,
.popover-ios a.item-ios:not([detail-none]) .item-inner {
  background-position: right 14px center;
}

.popover-md .popover-content {
  border-radius: 2px;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 250px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  color: #000;
  background: #fff;
  -webkit-box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
  box-shadow: 0 3px 12px 2px rgba(0, 0, 0, 0.3);
}

.popover-md .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  transition-delay: 100ms;
}

.popover-wp .popover-content {
  border-radius: 0;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  width: 200px;
  min-width: 0;
  min-height: 0;
  max-height: 90%;
  border: 2px solid #ccc;
  color: #000;
  background: #fff;
}

.popover-wp .popover-viewport {
  opacity: 0;
  -webkit-transition-delay: 100ms;
  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 {
  left: 7px;
  top: 4px;
  position: absolute;
  width: 5px;
  height: 12px;
  border-width: 2px;
  border-top-width: 0;
  border-left-width: 0;
  border-style: solid;
  border-color: #1d1c22;
  -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], .item-ios .radio-ios[item-start] {
  margin: 8px 21px 8px 3px;
}

.item-radio.item-ios ion-label {
  margin-left: 0;
}

.item-radio-checked.item-ios ion-label {
  color: #1d1c22;
}

.item-radio-ios-primary.item-radio-checked ion-label {
  color: #1d1c22;
}

.radio-ios-primary .radio-checked {
  color: #1d1c22;
}

.radio-ios-primary .radio-checked .radio-inner {
  border-color: #1d1c22;
}

.item-radio-ios-secondary.item-radio-checked ion-label {
  color: #fa8c16;
}

.radio-ios-secondary .radio-checked {
  color: #fa8c16;
}

.radio-ios-secondary .radio-checked .radio-inner {
  border-color: #fa8c16;
}

.item-radio-ios-twitter.item-radio-checked ion-label {
  color: #55acee;
}

.radio-ios-twitter .radio-checked {
  color: #55acee;
}

.radio-ios-twitter .radio-checked .radio-inner {
  border-color: #55acee;
}

.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: #d4cdec;
}

.radio-ios-light .radio-checked {
  color: #d4cdec;
}

.radio-ios-light .radio-checked .radio-inner {
  border-color: #d4cdec;
}

.item-radio-ios-sandy.item-radio-checked ion-label {
  color: #e49f68;
}

.radio-ios-sandy .radio-checked {
  color: #e49f68;
}

.radio-ios-sandy .radio-checked .radio-inner {
  border-color: #e49f68;
}

.item-radio-ios-purple.item-radio-checked ion-label {
  color: #685a92;
}

.radio-ios-purple .radio-checked {
  color: #685a92;
}

.radio-ios-purple .radio-checked .radio-inner {
  border-color: #685a92;
}

.item-radio-ios-base.item-radio-checked ion-label {
  color: #ffffff;
}

.radio-ios-base .radio-checked {
  color: #ffffff;
}

.radio-ios-base .radio-checked .radio-inner {
  border-color: #ffffff;
}

.item-radio-ios-headerBg.item-radio-checked ion-label {
  color: #2d2940;
}

.radio-ios-headerBg .radio-checked {
  color: #2d2940;
}

.radio-ios-headerBg .radio-checked .radio-inner {
  border-color: #2d2940;
}

.item-radio-ios-borderColor.item-radio-checked ion-label {
  color: #37314b;
}

.radio-ios-borderColor .radio-checked {
  color: #37314b;
}

.radio-ios-borderColor .radio-checked .radio-inner {
  border-color: #37314b;
}

.item-radio-ios-backgroundColor.item-radio-checked ion-label {
  color: #1d1c22;
}

.radio-ios-backgroundColor .radio-checked {
  color: #1d1c22;
}

.radio-ios-backgroundColor .radio-checked .radio-inner {
  border-color: #1d1c22;
}

.item-radio-ios-bluegrey.item-radio-checked ion-label {
  color: #1a7d9d;
}

.radio-ios-bluegrey .radio-checked {
  color: #1a7d9d;
}

.radio-ios-bluegrey .radio-checked .radio-inner {
  border-color: #1a7d9d;
}

.item-radio-ios-darkorange.item-radio-checked ion-label {
  color: #bd871e;
}

.radio-ios-darkorange .radio-checked {
  color: #bd871e;
}

.radio-ios-darkorange .radio-checked .radio-inner {
  border-color: #bd871e;
}

.radio-md {
  position: relative;
  display: inline-block;
}

.radio-md .radio-icon {
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #787878;
}

.radio-md .radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 8px;
  height: 8px;
  background-color: #1d1c22;
  -webkit-transform: scale3d(0, 0, 0);
  transform: scale3d(0, 0, 0);
  -webkit-transition: -webkit-transform 280ms cubic-bezier(0.4, 0, 0.2, 1);
  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: #1d1c22;
}

.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], .item-md .radio-md[item-start] {
  margin: 11px 36px 10px 4px;
}

.item-radio.item-md ion-label {
  margin-left: 0;
}

.item-radio-checked.item-md ion-label {
  color: #1d1c22;
}

.item-radio-md-primary.item-radio-checked ion-label {
  color: #1d1c22;
}

.radio-md-primary .radio-checked {
  border-color: #1d1c22;
}

.radio-md-primary .radio-inner {
  background-color: #1d1c22;
}

.item-radio-md-secondary.item-radio-checked ion-label {
  color: #fa8c16;
}

.radio-md-secondary .radio-checked {
  border-color: #fa8c16;
}

.radio-md-secondary .radio-inner {
  background-color: #fa8c16;
}

.item-radio-md-twitter.item-radio-checked ion-label {
  color: #55acee;
}

.radio-md-twitter .radio-checked {
  border-color: #55acee;
}

.radio-md-twitter .radio-inner {
  background-color: #55acee;
}

.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: #d4cdec;
}

.radio-md-light .radio-checked {
  border-color: #d4cdec;
}

.radio-md-light .radio-inner {
  background-color: #d4cdec;
}

.item-radio-md-sandy.item-radio-checked ion-label {
  color: #e49f68;
}

.radio-md-sandy .radio-checked {
  border-color: #e49f68;
}

.radio-md-sandy .radio-inner {
  background-color: #e49f68;
}

.item-radio-md-purple.item-radio-checked ion-label {
  color: #685a92;
}

.radio-md-purple .radio-checked {
  border-color: #685a92;
}

.radio-md-purple .radio-inner {
  background-color: #685a92;
}

.item-radio-md-base.item-radio-checked ion-label {
  color: #ffffff;
}

.radio-md-base .radio-checked {
  border-color: #ffffff;
}

.radio-md-base .radio-inner {
  background-color: #ffffff;
}

.item-radio-md-headerBg.item-radio-checked ion-label {
  color: #2d2940;
}

.radio-md-headerBg .radio-checked {
  border-color: #2d2940;
}

.radio-md-headerBg .radio-inner {
  background-color: #2d2940;
}

.item-radio-md-borderColor.item-radio-checked ion-label {
  color: #37314b;
}

.radio-md-borderColor .radio-checked {
  border-color: #37314b;
}

.radio-md-borderColor .radio-inner {
  background-color: #37314b;
}

.item-radio-md-backgroundColor.item-radio-checked ion-label {
  color: #1d1c22;
}

.radio-md-backgroundColor .radio-checked {
  border-color: #1d1c22;
}

.radio-md-backgroundColor .radio-inner {
  background-color: #1d1c22;
}

.item-radio-md-bluegrey.item-radio-checked ion-label {
  color: #1a7d9d;
}

.radio-md-bluegrey .radio-checked {
  border-color: #1a7d9d;
}

.radio-md-bluegrey .radio-inner {
  background-color: #1a7d9d;
}

.item-radio-md-darkorange.item-radio-checked ion-label {
  color: #bd871e;
}

.radio-md-darkorange .radio-checked {
  border-color: #bd871e;
}

.radio-md-darkorange .radio-inner {
  background-color: #bd871e;
}

.radio-wp {
  position: relative;
  display: inline-block;
}

.radio-wp .radio-icon {
  left: 0;
  top: 0;
  margin: 0;
  border-radius: 50%;
  position: relative;
  display: block;
  width: 16px;
  height: 16px;
  border-width: 2px;
  border-style: solid;
  border-color: #333;
}

.radio-wp .radio-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  display: none;
  width: 8px;
  height: 8px;
  background-color: #333;
}

.radio-wp .radio-checked {
  border-color: #1d1c22;
}

.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-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  margin: 9px 20px 9px 4px;
}

.item-wp .radio-wp[item-right], .item-wp .radio-wp[item-end] {
  -webkit-box-ordinal-group: 1;
  -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: #1d1c22;
}

.radio-wp-secondary .radio-checked {
  border-color: #fa8c16;
}

.radio-wp-twitter .radio-checked {
  border-color: #55acee;
}

.radio-wp-danger .radio-checked {
  border-color: #f53d3d;
}

.radio-wp-light .radio-checked {
  border-color: #d4cdec;
}

.radio-wp-sandy .radio-checked {
  border-color: #e49f68;
}

.radio-wp-purple .radio-checked {
  border-color: #685a92;
}

.radio-wp-base .radio-checked {
  border-color: #ffffff;
}

.radio-wp-headerBg .radio-checked {
  border-color: #2d2940;
}

.radio-wp-borderColor .radio-checked {
  border-color: #37314b;
}

.radio-wp-backgroundColor .radio-checked {
  border-color: #1d1c22;
}

.radio-wp-bluegrey .radio-checked {
  border-color: #1a7d9d;
}

.radio-wp-darkorange .radio-checked {
  border-color: #bd871e;
}

.item-range .item-inner {
  overflow: visible;
  width: 100%;
}

.item-range .input-wrapper {
  overflow: visible;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -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;
  align-self: center;
}

ion-range {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

ion-range ion-label {
  -webkit-box-flex: initial;
  -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-box-flex: 1;
  -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 {
  left: 0;
  top: 21px;
  border-radius: 1px;
  position: absolute;
  width: 100%;
  height: 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: #1d1c22;
}

.range-ios .range-knob-handle {
  left: 0;
  top: 21px;
  margin-left: -21px;
  margin-top: -21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

.range-ios .range-knob {
  left: 7px;
  top: 7px;
  border-radius: 50%;
  position: absolute;
  width: 28px;
  height: 28px;
  background: #fff;
  -webkit-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);
  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 {
  margin-left: -0.5px;
  border-radius: 0;
  position: absolute;
  top: 17.5px;
  width: 1px;
  height: 8px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-ios .range-tick-active {
  background: #1d1c22;
}

.range-ios .range-pin {
  text-align: center;
  border-radius: 50px;
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
  position: relative;
  top: -20px;
  display: inline-block;
  min-width: 28px;
  font-size: 12px;
  color: #000;
  background: transparent;
  -webkit-transition: -webkit-transform 120ms ease;
  transition: -webkit-transform 120ms ease;
  transition: transform 120ms ease;
  transition: transform 120ms ease, -webkit-transform 120ms ease;
  padding: 8px;
}

.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: #1d1c22;
}

.range-ios-secondary .range-bar-active,
.range-ios-secondary .range-tick-active {
  background: #fa8c16;
}

.range-ios-twitter .range-bar-active,
.range-ios-twitter .range-tick-active {
  background: #55acee;
}

.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: #d4cdec;
}

.range-ios-sandy .range-bar-active,
.range-ios-sandy .range-tick-active {
  background: #e49f68;
}

.range-ios-purple .range-bar-active,
.range-ios-purple .range-tick-active {
  background: #685a92;
}

.range-ios-base .range-bar-active,
.range-ios-base .range-tick-active {
  background: #ffffff;
}

.range-ios-headerBg .range-bar-active,
.range-ios-headerBg .range-tick-active {
  background: #2d2940;
}

.range-ios-borderColor .range-bar-active,
.range-ios-borderColor .range-tick-active {
  background: #37314b;
}

.range-ios-backgroundColor .range-bar-active,
.range-ios-backgroundColor .range-tick-active {
  background: #1d1c22;
}

.range-ios-bluegrey .range-bar-active,
.range-ios-bluegrey .range-tick-active {
  background: #1a7d9d;
}

.range-ios-darkorange .range-bar-active,
.range-ios-darkorange .range-tick-active {
  background: #bd871e;
}

.range-md {
  padding: 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 {
  left: 0;
  top: 21px;
  position: absolute;
  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: #1d1c22;
}

.range-md .range-knob-handle {
  left: 0;
  top: 21px;
  margin-left: -21px;
  margin-top: -21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

.range-md .range-knob {
  left: 12px;
  top: 13px;
  border-radius: 50%;
  position: absolute;
  z-index: 2;
  width: 18px;
  height: 18px;
  background: #1d1c22;
  -webkit-transform: scale(0.67);
  transform: scale(0.67);
  -webkit-transition-duration: 120ms;
  transition-duration: 120ms;
  -webkit-transition-property: background-color, border, -webkit-transform;
  transition-property: background-color, border, -webkit-transform;
  transition-property: transform, background-color, border;
  transition-property: transform, background-color, border, -webkit-transform;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
  pointer-events: none;
}

.range-md .range-tick {
  margin-left: -1px;
  border-radius: 50%;
  position: absolute;
  top: 21px;
  z-index: 1;
  width: 2px;
  height: 2px;
  background: #000;
  pointer-events: none;
}

.range-md .range-tick-active {
  background: #000;
}

.range-md .range-pin {
  padding: 8px 0;
  text-align: center;
  border-radius: 50%;
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
  position: relative;
  top: -20px;
  display: inline-block;
  min-width: 28px;
  height: 28px;
  font-size: 12px;
  color: #fff;
  background: #1d1c22;
  -webkit-transition: background-color 120ms ease, -webkit-transform 120ms ease;
  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 {
  left: 50%;
  top: 3px;
  border-top-left-radius: 50%;
  border-top-right-radius: 50%;
  border-bottom-right-radius: 50%;
  border-bottom-left-radius: 0;
  margin-left: -13px;
  position: absolute;
  z-index: -1;
  width: 26px;
  height: 26px;
  background: #1d1c22;
  content: "";
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  -webkit-transition: background-color 120ms ease;
  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: #1d1c22;
}

.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: #fa8c16;
}

.range-md-twitter .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-twitter .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-twitter .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-twitter .range-bar-active,
.range-md-twitter .range-knob,
.range-md-twitter .range-pin,
.range-md-twitter .range-pin::before {
  background: #55acee;
}

.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: #d4cdec;
}

.range-md-sandy .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-sandy .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-sandy .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-sandy .range-bar-active,
.range-md-sandy .range-knob,
.range-md-sandy .range-pin,
.range-md-sandy .range-pin::before {
  background: #e49f68;
}

.range-md-purple .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-purple .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-purple .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-purple .range-bar-active,
.range-md-purple .range-knob,
.range-md-purple .range-pin,
.range-md-purple .range-pin::before {
  background: #685a92;
}

.range-md-base .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-base .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-base .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-base .range-bar-active,
.range-md-base .range-knob,
.range-md-base .range-pin,
.range-md-base .range-pin::before {
  background: #ffffff;
}

.range-md-headerBg .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-headerBg .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-headerBg .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-headerBg .range-bar-active,
.range-md-headerBg .range-knob,
.range-md-headerBg .range-pin,
.range-md-headerBg .range-pin::before {
  background: #2d2940;
}

.range-md-borderColor .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-borderColor .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-borderColor .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-borderColor .range-bar-active,
.range-md-borderColor .range-knob,
.range-md-borderColor .range-pin,
.range-md-borderColor .range-pin::before {
  background: #37314b;
}

.range-md-backgroundColor .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-backgroundColor .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-backgroundColor .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-backgroundColor .range-bar-active,
.range-md-backgroundColor .range-knob,
.range-md-backgroundColor .range-pin,
.range-md-backgroundColor .range-pin::before {
  background: #1d1c22;
}

.range-md-bluegrey .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-bluegrey .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-bluegrey .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-bluegrey .range-bar-active,
.range-md-bluegrey .range-knob,
.range-md-bluegrey .range-pin,
.range-md-bluegrey .range-pin::before {
  background: #1a7d9d;
}

.range-md-darkorange .range-md .range-knob-min.range-knob-min .range-knob {
  border: 2px solid #bdbdbd;
  background: #fff;
}

.range-md-darkorange .range-md .range-knob-min.range-knob-min .range-pin,
.range-md-darkorange .range-md .range-knob-min.range-knob-min .range-pin::before {
  color: #fff;
  background: #bdbdbd;
}

.range-md-darkorange .range-bar-active,
.range-md-darkorange .range-knob,
.range-md-darkorange .range-pin,
.range-md-darkorange .range-pin::before {
  background: #bd871e;
}

.range-wp {
  padding: 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 {
  left: 0;
  top: 21px;
  position: absolute;
  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: #1d1c22;
}

.range-wp .range-knob-handle {
  left: 0;
  top: 21px;
  margin-left: -21px;
  margin-top: -21px;
  text-align: center;
  position: absolute;
  width: 42px;
  height: 42px;
}

.range-wp .range-knob {
  left: 17px;
  top: 10px;
  border-radius: 4px;
  position: absolute;
  width: 8px;
  height: 24px;
  background: #1d1c22;
  pointer-events: none;
}

.range-wp .range-tick {
  margin-left: -1px;
  border-radius: 4px;
  position: absolute;
  top: 19px;
  width: 2px;
  height: 6px;
  background: #bdbdbd;
  pointer-events: none;
}

.range-wp .range-tick-active {
  background: #1d1c22;
}

.range-wp .range-pin {
  text-align: center;
  border-radius: 50px;
  -webkit-transform: translate3d(0,  28px,  0) scale(0.01);
  transform: translate3d(0,  28px,  0) scale(0.01);
  position: relative;
  top: -24px;
  display: inline-block;
  min-width: 28px;
  font-size: 12px;
  color: #fff;
  background: #1d1c22;
  -webkit-transition: -webkit-transform 120ms ease;
  transition: -webkit-transform 120ms ease;
  transition: transform 120ms ease;
  transition: transform 120ms ease, -webkit-transform 120ms ease;
  padding: 8px;
}

.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: #1d1c22;
}

.range-wp-secondary .range-bar-active,
.range-wp-secondary .range-tick-active,
.range-wp-secondary .range-knob,
.range-wp-secondary .range-pin {
  background: #fa8c16;
}

.range-wp-twitter .range-bar-active,
.range-wp-twitter .range-tick-active,
.range-wp-twitter .range-knob,
.range-wp-twitter .range-pin {
  background: #55acee;
}

.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: #d4cdec;
}

.range-wp-sandy .range-bar-active,
.range-wp-sandy .range-tick-active,
.range-wp-sandy .range-knob,
.range-wp-sandy .range-pin {
  background: #e49f68;
}

.range-wp-purple .range-bar-active,
.range-wp-purple .range-tick-active,
.range-wp-purple .range-knob,
.range-wp-purple .range-pin {
  background: #685a92;
}

.range-wp-base .range-bar-active,
.range-wp-base .range-tick-active,
.range-wp-base .range-knob,
.range-wp-base .range-pin {
  background: #ffffff;
}

.range-wp-headerBg .range-bar-active,
.range-wp-headerBg .range-tick-active,
.range-wp-headerBg .range-knob,
.range-wp-headerBg .range-pin {
  background: #2d2940;
}

.range-wp-borderColor .range-bar-active,
.range-wp-borderColor .range-tick-active,
.range-wp-borderColor .range-knob,
.range-wp-borderColor .range-pin {
  background: #37314b;
}

.range-wp-backgroundColor .range-bar-active,
.range-wp-backgroundColor .range-tick-active,
.range-wp-backgroundColor .range-knob,
.range-wp-backgroundColor .range-pin {
  background: #1d1c22;
}

.range-wp-bluegrey .range-bar-active,
.range-wp-bluegrey .range-tick-active,
.range-wp-bluegrey .range-knob,
.range-wp-bluegrey .range-pin {
  background: #1a7d9d;
}

.range-wp-darkorange .range-bar-active,
.range-wp-darkorange .range-tick-active,
.range-wp-darkorange .range-knob,
.range-wp-darkorange .range-pin {
  background: #bd871e;
}

ion-refresher {
  left: 0;
  top: 0;
  position: absolute;
  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;
  -webkit-transition: -webkit-transform 320ms cubic-bezier(0.36, 0.66, 0.04, 1);
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -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 {
  text-align: center;
  -webkit-transform-origin: center;
  transform-origin: center;
  font-size: 30px;
  color: #000;
  -webkit-transition: 200ms;
  transition: 200ms;
}

.refresher-pulling-text,
.refresher-refreshing-text {
  text-align: center;
  font-size: 16px;
  color: #000;
}

.refresher-refreshing .spinner-ios line,
.refresher-refreshing .spinner-ios-small line,
.refresher-refreshing .spinner-crescent circle {
  stroke: #000;
}

.refresher-refreshing .spinner-bubbles circle,
.refresher-refreshing .spinner-circles circle,
.refresher-refreshing .spinner-dots circle {
  fill: #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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

ion-scroll .scroll-content {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-y: hidden;
  overflow-x: hidden;
  -webkit-overflow-scrolling: touch;
  will-change: scroll-position;
}

ion-searchbar {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -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 {
  margin: 0;
  padding: 0;
  display: none;
  min-height: 0;
}

.searchbar-has-value.searchbar-has-focus .searchbar-clear-icon {
  display: block;
}

.searchbar-ios {
  padding: 0 8px;
  min-height: 44px;
  border-top: 1px solid transparent;
  border-bottom: 1px solid #373343;
  background: #1d1c23;
}

.searchbar-ios .searchbar-search-icon {
  left: 9px;
  top: 9px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='%234c4083'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='%234c4083'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
  margin-left: calc(50% - 60px);
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  background-repeat: no-repeat;
  background-size: 1.8rem;
}

.searchbar-ios .searchbar-input {
  padding: 0 28px;
  border-radius: 5px;
  height: 3rem;
  font-size: 1.4rem;
  font-weight: 400;
  color: white;
  background-color: #1d1c23;
}

.searchbar-ios .searchbar-input::-moz-placeholder {
  color: #70688b;
}

.searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: #70688b;
}

.searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: #70688b;
}

.searchbar-ios .searchbar-clear-icon {
  right: 0;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%234c4083'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
  background-position: center;
  position: absolute;
  width: 30px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 18px;
}

.searchbar-ios .searchbar-ios-cancel {
  padding: 0 0 0 8px;
  margin-left: 0;
  display: none;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  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: #1d1c22;
}

.searchbar-ios-primary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2f2e34;
}

.toolbar-ios-primary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.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,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-primary .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-secondary .searchbar-ios-cancel {
  color: #fa8c16;
}

.searchbar-ios-secondary .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #e68114;
}

.toolbar-ios-secondary .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.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,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-secondary .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-twitter .searchbar-ios-cancel {
  color: #55acee;
}

.searchbar-ios-twitter .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #4e9edb;
}

.toolbar-ios-twitter .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-twitter .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-twitter .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-twitter .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-twitter .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-twitter .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-twitter .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,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.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,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-danger .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-light .searchbar-ios-cancel {
  color: #d4cdec;
}

.searchbar-ios-light .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #c3bdd9;
}

.toolbar-ios-light .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.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,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-light .searchbar-ios .searchbar-ios-cancel {
  color: #1d1c22;
}

.searchbar-ios-sandy .searchbar-ios-cancel {
  color: #e49f68;
}

.searchbar-ios-sandy .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #d29260;
}

.toolbar-ios-sandy .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-sandy .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-sandy .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-sandy .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-sandy .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-sandy .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-sandy .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-purple .searchbar-ios-cancel {
  color: #685a92;
}

.searchbar-ios-purple .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #74679b;
}

.toolbar-ios-purple .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-purple .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-purple .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-purple .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-purple .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-purple .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-purple .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-base .searchbar-ios-cancel {
  color: #ffffff;
}

.searchbar-ios-base .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #ebebeb;
}

.toolbar-ios-base .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(0,%200,%200,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-base .searchbar-ios .searchbar-input {
  color: #000;
  background: rgba(0, 0, 0, 0.08);
}

.toolbar-ios-base .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-base .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-base .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(0, 0, 0, 0.5);
}

.toolbar-ios-base .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(0,%200,%200,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-base .searchbar-ios .searchbar-ios-cancel {
  color: #1d1c22;
}

.searchbar-ios-headerBg .searchbar-ios-cancel {
  color: #2d2940;
}

.searchbar-ios-headerBg .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #3e3a4f;
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-headerBg .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-borderColor .searchbar-ios-cancel {
  color: #37314b;
}

.searchbar-ios-borderColor .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #474159;
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-borderColor .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-backgroundColor .searchbar-ios-cancel {
  color: #1d1c22;
}

.searchbar-ios-backgroundColor .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2f2e34;
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-backgroundColor .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-bluegrey .searchbar-ios-cancel {
  color: #1a7d9d;
}

.searchbar-ios-bluegrey .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #2c87a5;
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-bluegrey .searchbar-ios .searchbar-ios-cancel {
  color: #fff;
}

.searchbar-ios-darkorange .searchbar-ios-cancel {
  color: #bd871e;
}

.searchbar-ios-darkorange .searchbar-ios-cancel:hover:not(.disable-hover) {
  color: #c29130;
}

.toolbar-ios-darkorange .searchbar-ios .searchbar-search-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2013%2013'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M5,1c2.2,0,4,1.8,4,4S7.2,9,5,9S1,7.2,1,5S2.8,1,5,1%20M5,0C2.2,0,0,2.2,0,5s2.2,5,5,5s5-2.2,5-5S7.8,0,5,0%20L5,0z'/><line%20stroke='rgba(255,%20255,%20255,%200.5)'%20stroke-miterlimit='10'%20x1='12.6'%20y1='12.6'%20x2='8.2'%20y2='8.2'/></svg>");
}

.toolbar-ios-darkorange .searchbar-ios .searchbar-input {
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
}

.toolbar-ios-darkorange .searchbar-ios .searchbar-input::-moz-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-darkorange .searchbar-ios .searchbar-input:-ms-input-placeholder {
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-darkorange .searchbar-ios .searchbar-input::-webkit-input-placeholder {
  text-indent: 0;
  color: rgba(255, 255, 255, 0.5);
}

.toolbar-ios-darkorange .searchbar-ios .searchbar-clear-icon {
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='rgba(255,%20255,%20255,%200.5)'%20d='M403.1,108.9c-81.2-81.2-212.9-81.2-294.2,0s-81.2,212.9,0,294.2c81.2,81.2,212.9,81.2,294.2,0S484.3,190.1,403.1,108.9z%20M352,340.2L340.2,352l-84.4-84.2l-84,83.8L160,339.8l84-83.8l-84-83.8l11.8-11.8l84,83.8l84.4-84.2l11.8,11.8L267.6,256L352,340.2z'/></svg>");
}

.toolbar-ios-darkorange .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 {
  -webkit-transition: all 300ms ease;
  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%;
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
  opacity: 0;
  -webkit-transition: all 300ms ease;
  transition: all 300ms ease;
  pointer-events: none;
}

.searchbar-md {
  background: inherit;
  padding: 8px;
}

.searchbar-md .searchbar-search-icon {
  left: 16px;
  top: 11px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%235b5b5b'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
  width: 21px;
  height: 21px;
}

.searchbar-md .searchbar-md-cancel {
  left: 10px;
  top: 0;
  margin: 0;
  display: none;
  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;
  border-radius: 2px;
  background-position: left 8px center;
  height: auto;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 3rem;
  color: #141414;
  background-color: #fff;
  -webkit-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);
  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 {
  right: 13px;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%235b5b5b'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  padding: 0;
  background-position: center;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  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-box;
  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 {
  background: transparent;
  padding: 8px;
}

.searchbar-wp .searchbar-input-container {
  border: 2px solid rgba(0, 0, 0, 0.5);
}

.searchbar-wp .searchbar-search-icon {
  right: 8px;
  top: 5px;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><path%20fill='%23858585'%20d='M337.509,305.372h-17.501l-6.571-5.486c20.791-25.232,33.922-57.054,33.922-93.257C347.358,127.632,283.896,64,205.135,64C127.452,64,64,127.632,64,206.629s63.452,142.628,142.225,142.628c35.011,0,67.831-13.167,92.991-34.008l6.561,5.487v17.551L415.18,448L448,415.086L337.509,305.372z%20M206.225,305.372c-54.702,0-98.463-43.887-98.463-98.743c0-54.858,43.761-98.742,98.463-98.742c54.7,0,98.462,43.884,98.462,98.742C304.687,261.485,260.925,305.372,206.225,305.372z'/></svg>");
  position: absolute;
  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;
  border-radius: 0;
  background-position: left 8px center;
  height: auto;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 3rem;
  color: #141414;
  background-color: #fff;
}

.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 {
  right: 8px;
  top: 0;
  background-image: url("data:image/svg+xml;charset=utf-8,<svg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20512%20512'><polygon%20fill='%23858585'%20points='405,136.798%20375.202,107%20256,226.202%20136.798,107%20107,136.798%20226.202,256%20107,375.202%20136.798,405%20256,285.798%20375.202,405%20405,375.202%20285.798,256'/></svg>");
  padding: 0;
  background-position: center;
  position: absolute;
  width: 22px;
  height: 100%;
  background-repeat: no-repeat;
  background-size: 22px;
}

.searchbar-wp .searchbar-clear-icon.activated {
  background-color: transparent;
}

.searchbar-wp.searchbar-has-focus .searchbar-input-container {
  border-color: #1d1c22;
}

.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: #1d1c22;
}

.searchbar-wp-secondary.searchbar-has-focus .searchbar-input-container {
  border-color: #fa8c16;
}

.searchbar-wp-twitter.searchbar-has-focus .searchbar-input-container {
  border-color: #55acee;
}

.searchbar-wp-danger.searchbar-has-focus .searchbar-input-container {
  border-color: #f53d3d;
}

.searchbar-wp-light.searchbar-has-focus .searchbar-input-container {
  border-color: #d4cdec;
}

.searchbar-wp-sandy.searchbar-has-focus .searchbar-input-container {
  border-color: #e49f68;
}

.searchbar-wp-purple.searchbar-has-focus .searchbar-input-container {
  border-color: #685a92;
}

.searchbar-wp-base.searchbar-has-focus .searchbar-input-container {
  border-color: #ffffff;
}

.searchbar-wp-headerBg.searchbar-has-focus .searchbar-input-container {
  border-color: #2d2940;
}

.searchbar-wp-borderColor.searchbar-has-focus .searchbar-input-container {
  border-color: #37314b;
}

.searchbar-wp-backgroundColor.searchbar-has-focus .searchbar-input-container {
  border-color: #1d1c22;
}

.searchbar-wp-bluegrey.searchbar-has-focus .searchbar-input-container {
  border-color: #1a7d9d;
}

.searchbar-wp-darkorange.searchbar-has-focus .searchbar-input-container {
  border-color: #bd871e;
}

ion-segment {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.segment-button {
  margin-left: 0;
  margin-right: 0;
  text-align: center;
  position: relative;
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  cursor: pointer;
}

.segment-ios .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 0;
  height: 3.2rem;
  border-width: 1px;
  border-style: solid;
  border-color: #1d1c22;
  font-size: 1.3rem;
  line-height: 3rem;
  color: #1d1c22;
  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: #1d1c22;
  opacity: 1;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:hover:not(.segment-activated) {
  background-color: rgba(29, 28, 34, 0.1);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:active:not(.segment-activated) {
  background-color: rgba(29, 28, 34, 0.16);
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
}

.segment-ios .segment-button:first-of-type {
  border-top-left-radius: 4px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 4px;
  margin-right: 0;
}

.segment-ios .segment-button:not(:first-of-type) {
  border-left-width: 0;
}

.segment-ios .segment-button:last-of-type {
  border-top-left-radius: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 0;
  margin-left: 0;
  border-left-width: 0;
}

[dir="rtl"] .segment-ios .segment-button:first-of-type {
  border-left-width: 0;
}

[dir="rtl"] .segment-ios .segment-button:last-of-type {
  border-left-width: 1px;
}

.segment-ios.segment-disabled {
  opacity: .4;
  pointer-events: none;
}

.segment-ios .segment-button-disabled {
  color: rgba(29, 28, 34, 0.3);
  pointer-events: none;
}

.toolbar-ios .segment-ios {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.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: #1d1c22;
  color: #1d1c22;
}

.segment-ios-primary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(29, 28, 34, 0.1);
}

.segment-ios-primary .segment-button:active:not(.segment-activated) {
  background-color: rgba(29, 28, 34, 0.16);
}

.segment-ios-primary .segment-button.segment-activated {
  color: #fff;
  background-color: #1d1c22;
}

.segment-ios-primary .segment-button-disabled {
  color: rgba(29, 28, 34, 0.3);
}

.toolbar-ios-primary .segment-ios .segment-button.segment-activated {
  color: #1d1c22;
}

.segment-ios-secondary .segment-button {
  border-color: #fa8c16;
  color: #fa8c16;
}

.segment-ios-secondary .segment-button:hover:not(.segment-activated) {
  background-color: rgba(250, 140, 22, 0.1);
}

.segment-ios-secondary .segment-button:active:not(.segment-activated) {
  background-color: rgba(250, 140, 22, 0.16);
}

.segment-ios-secondary .segment-button.segment-activated {
  color: #fff;
  background-color: #fa8c16;
}

.segment-ios-secondary .segment-button-disabled {
  color: rgba(250, 140, 22, 0.3);
}

.toolbar-ios-secondary .segment-ios .segment-button.segment-activated {
  color: #fa8c16;
}

.segment-ios-twitter .segment-button {
  border-color: #55acee;
  color: #55acee;
}

.segment-ios-twitter .segment-button:hover:not(.segment-activated) {
  background-color: rgba(85, 172, 238, 0.1);
}

.segment-ios-twitter .segment-button:active:not(.segment-activated) {
  background-color: rgba(85, 172, 238, 0.16);
}

.segment-ios-twitter .segment-button.segment-activated {
  color: #fff;
  background-color: #55acee;
}

.segment-ios-twitter .segment-button-disabled {
  color: rgba(85, 172, 238, 0.3);
}

.toolbar-ios-twitter .segment-ios .segment-button.segment-activated {
  color: #55acee;
}

.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: #d4cdec;
  color: #d4cdec;
}

.segment-ios-light .segment-button:hover:not(.segment-activated) {
  background-color: rgba(212, 205, 236, 0.1);
}

.segment-ios-light .segment-button:active:not(.segment-activated) {
  background-color: rgba(212, 205, 236, 0.16);
}

.segment-ios-light .segment-button.segment-activated {
  color: #000;
  background-color: #d4cdec;
}

.segment-ios-light .segment-button-disabled {
  color: rgba(212, 205, 236, 0.3);
}

.toolbar-ios-light .segment-ios .segment-button.segment-activated {
  color: #d4cdec;
}

.segment-ios-sandy .segment-button {
  border-color: #e49f68;
  color: #e49f68;
}

.segment-ios-sandy .segment-button:hover:not(.segment-activated) {
  background-color: rgba(228, 159, 104, 0.1);
}

.segment-ios-sandy .segment-button:active:not(.segment-activated) {
  background-color: rgba(228, 159, 104, 0.16);
}

.segment-ios-sandy .segment-button.segment-activated {
  color: #fff;
  background-color: #e49f68;
}

.segment-ios-sandy .segment-button-disabled {
  color: rgba(228, 159, 104, 0.3);
}

.toolbar-ios-sandy .segment-ios .segment-button.segment-activated {
  color: #e49f68;
}

.segment-ios-purple .segment-button {
  border-color: #685a92;
  color: #685a92;
}

.segment-ios-purple .segment-button:hover:not(.segment-activated) {
  background-color: rgba(104, 90, 146, 0.1);
}

.segment-ios-purple .segment-button:active:not(.segment-activated) {
  background-color: rgba(104, 90, 146, 0.16);
}

.segment-ios-purple .segment-button.segment-activated {
  color: #fff;
  background-color: #685a92;
}

.segment-ios-purple .segment-button-disabled {
  color: rgba(104, 90, 146, 0.3);
}

.toolbar-ios-purple .segment-ios .segment-button.segment-activated {
  color: #685a92;
}

.segment-ios-base .segment-button {
  border-color: #ffffff;
  color: #ffffff;
}

.segment-ios-base .segment-button:hover:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.1);
}

.segment-ios-base .segment-button:active:not(.segment-activated) {
  background-color: rgba(255, 255, 255, 0.16);
}

.segment-ios-base .segment-button.segment-activated {
  color: #000;
  background-color: #ffffff;
}

.segment-ios-base .segment-button-disabled {
  color: rgba(255, 255, 255, 0.3);
}

.toolbar-ios-base .segment-ios .segment-button.segment-activated {
  color: #ffffff;
}

.segment-ios-headerBg .segment-button {
  border-color: #2d2940;
  color: #2d2940;
}

.segment-ios-headerBg .segment-button:hover:not(.segment-activated) {
  background-color: rgba(45, 41, 64, 0.1);
}

.segment-ios-headerBg .segment-button:active:not(.segment-activated) {
  background-color: rgba(45, 41, 64, 0.16);
}

.segment-ios-headerBg .segment-button.segment-activated {
  color: #fff;
  background-color: #2d2940;
}

.segment-ios-headerBg .segment-button-disabled {
  color: rgba(45, 41, 64, 0.3);
}

.toolbar-ios-headerBg .segment-ios .segment-button.segment-activated {
  color: #2d2940;
}

.segment-ios-borderColor .segment-button {
  border-color: #37314b;
  color: #37314b;
}

.segment-ios-borderColor .segment-button:hover:not(.segment-activated) {
  background-color: rgba(55, 49, 75, 0.1);
}

.segment-ios-borderColor .segment-button:active:not(.segment-activated) {
  background-color: rgba(55, 49, 75, 0.16);
}

.segment-ios-borderColor .segment-button.segment-activated {
  color: #fff;
  background-color: #37314b;
}

.segment-ios-borderColor .segment-button-disabled {
  color: rgba(55, 49, 75, 0.3);
}

.toolbar-ios-borderColor .segment-ios .segment-button.segment-activated {
  color: #37314b;
}

.segment-ios-backgroundColor .segment-button {
  border-color: #1d1c22;
  color: #1d1c22;
}

.segment-ios-backgroundColor .segment-button:hover:not(.segment-activated) {
  background-color: rgba(29, 28, 34, 0.1);
}

.segment-ios-backgroundColor .segment-button:active:not(.segment-activated) {
  background-color: rgba(29, 28, 34, 0.16);
}

.segment-ios-backgroundColor .segment-button.segment-activated {
  color: #fff;
  background-color: #1d1c22;
}

.segment-ios-backgroundColor .segment-button-disabled {
  color: rgba(29, 28, 34, 0.3);
}

.toolbar-ios-backgroundColor .segment-ios .segment-button.segment-activated {
  color: #1d1c22;
}

.segment-ios-bluegrey .segment-button {
  border-color: #1a7d9d;
  color: #1a7d9d;
}

.segment-ios-bluegrey .segment-button:hover:not(.segment-activated) {
  background-color: rgba(26, 125, 157, 0.1);
}

.segment-ios-bluegrey .segment-button:active:not(.segment-activated) {
  background-color: rgba(26, 125, 157, 0.16);
}

.segment-ios-bluegrey .segment-button.segment-activated {
  color: #fff;
  background-color: #1a7d9d;
}

.segment-ios-bluegrey .segment-button-disabled {
  color: rgba(26, 125, 157, 0.3);
}

.toolbar-ios-bluegrey .segment-ios .segment-button.segment-activated {
  color: #1a7d9d;
}

.segment-ios-darkorange .segment-button {
  border-color: #bd871e;
  color: #bd871e;
}

.segment-ios-darkorange .segment-button:hover:not(.segment-activated) {
  background-color: rgba(189, 135, 30, 0.1);
}

.segment-ios-darkorange .segment-button:active:not(.segment-activated) {
  background-color: rgba(189, 135, 30, 0.16);
}

.segment-ios-darkorange .segment-button.segment-activated {
  color: #fff;
  background-color: #bd871e;
}

.segment-ios-darkorange .segment-button-disabled {
  color: rgba(189, 135, 30, 0.3);
}

.toolbar-ios-darkorange .segment-ios .segment-button.segment-activated {
  color: #bd871e;
}

.segment-md .segment-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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: #1d1c22;
  background-color: transparent;
  opacity: 0.7;
  -webkit-transition: 100ms all linear;
  transition: 100ms all linear;
  padding: 0 6px;
}

.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: #1d1c22;
  opacity: 1;
}

.segment-md.segment-disabled,
.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: #1d1c22;
}

.segment-md-primary .segment-button.activated, .segment-md-primary .segment-button.segment-activated {
  border-color: #1d1c22;
  color: #1d1c22;
  opacity: 1;
}

.segment-md-secondary .segment-button {
  color: #fa8c16;
}

.segment-md-secondary .segment-button.activated, .segment-md-secondary .segment-button.segment-activated {
  border-color: #fa8c16;
  color: #fa8c16;
  opacity: 1;
}

.segment-md-twitter .segment-button {
  color: #55acee;
}

.segment-md-twitter .segment-button.activated, .segment-md-twitter .segment-button.segment-activated {
  border-color: #55acee;
  color: #55acee;
  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: #d4cdec;
}

.segment-md-light .segment-button.activated, .segment-md-light .segment-button.segment-activated {
  border-color: #d4cdec;
  color: #d4cdec;
  opacity: 1;
}

.segment-md-sandy .segment-button {
  color: #e49f68;
}

.segment-md-sandy .segment-button.activated, .segment-md-sandy .segment-button.segment-activated {
  border-color: #e49f68;
  color: #e49f68;
  opacity: 1;
}

.segment-md-purple .segment-button {
  color: #685a92;
}

.segment-md-purple .segment-button.activated, .segment-md-purple .segment-button.segment-activated {
  border-color: #685a92;
  color: #685a92;
  opacity: 1;
}

.segment-md-base .segment-button {
  color: #ffffff;
}

.segment-md-base .segment-button.activated, .segment-md-base .segment-button.segment-activated {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}

.segment-md-headerBg .segment-button {
  color: #2d2940;
}

.segment-md-headerBg .segment-button.activated, .segment-md-headerBg .segment-button.segment-activated {
  border-color: #2d2940;
  color: #2d2940;
  opacity: 1;
}

.segment-md-borderColor .segment-button {
  color: #37314b;
}

.segment-md-borderColor .segment-button.activated, .segment-md-borderColor .segment-button.segment-activated {
  border-color: #37314b;
  color: #37314b;
  opacity: 1;
}

.segment-md-backgroundColor .segment-button {
  color: #1d1c22;
}

.segment-md-backgroundColor .segment-button.activated, .segment-md-backgroundColor .segment-button.segment-activated {
  border-color: #1d1c22;
  color: #1d1c22;
  opacity: 1;
}

.segment-md-bluegrey .segment-button {
  color: #1a7d9d;
}

.segment-md-bluegrey .segment-button.activated, .segment-md-bluegrey .segment-button.segment-activated {
  border-color: #1a7d9d;
  color: #1a7d9d;
  opacity: 1;
}

.segment-md-darkorange .segment-button {
  color: #bd871e;
}

.segment-md-darkorange .segment-button.activated, .segment-md-darkorange .segment-button.segment-activated {
  border-color: #bd871e;
  color: #bd871e;
  opacity: 1;
}

.segment-wp {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.segment-wp .segment-button {
  height: 4rem;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 4rem;
  text-transform: uppercase;
  color: #000;
  background-color: transparent;
  opacity: 0.5;
  padding: 0 6px;
}

.segment-wp .segment-button.segment-activated {
  opacity: 1;
}

.segment-wp .segment-button ion-icon {
  font-size: 2.6rem;
  line-height: 4rem;
}

.segment-wp.segment-disabled,
.segment-wp .segment-button-disabled {
  opacity: 0.3;
  pointer-events: none;
}

.toolbar .segment-wp {
  margin: 0 auto;
}

.segment-wp-primary .segment-button {
  color: #1d1c22;
}

.segment-wp-primary .segment-button.activated, .segment-wp-primary .segment-button.segment-activated {
  border-color: #1d1c22;
  color: #1d1c22;
  opacity: 1;
}

.segment-wp-secondary .segment-button {
  color: #fa8c16;
}

.segment-wp-secondary .segment-button.activated, .segment-wp-secondary .segment-button.segment-activated {
  border-color: #fa8c16;
  color: #fa8c16;
  opacity: 1;
}

.segment-wp-twitter .segment-button {
  color: #55acee;
}

.segment-wp-twitter .segment-button.activated, .segment-wp-twitter .segment-button.segment-activated {
  border-color: #55acee;
  color: #55acee;
  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: #d4cdec;
}

.segment-wp-light .segment-button.activated, .segment-wp-light .segment-button.segment-activated {
  border-color: #d4cdec;
  color: #d4cdec;
  opacity: 1;
}

.segment-wp-sandy .segment-button {
  color: #e49f68;
}

.segment-wp-sandy .segment-button.activated, .segment-wp-sandy .segment-button.segment-activated {
  border-color: #e49f68;
  color: #e49f68;
  opacity: 1;
}

.segment-wp-purple .segment-button {
  color: #685a92;
}

.segment-wp-purple .segment-button.activated, .segment-wp-purple .segment-button.segment-activated {
  border-color: #685a92;
  color: #685a92;
  opacity: 1;
}

.segment-wp-base .segment-button {
  color: #ffffff;
}

.segment-wp-base .segment-button.activated, .segment-wp-base .segment-button.segment-activated {
  border-color: #ffffff;
  color: #ffffff;
  opacity: 1;
}

.segment-wp-headerBg .segment-button {
  color: #2d2940;
}

.segment-wp-headerBg .segment-button.activated, .segment-wp-headerBg .segment-button.segment-activated {
  border-color: #2d2940;
  color: #2d2940;
  opacity: 1;
}

.segment-wp-borderColor .segment-button {
  color: #37314b;
}

.segment-wp-borderColor .segment-button.activated, .segment-wp-borderColor .segment-button.segment-activated {
  border-color: #37314b;
  color: #37314b;
  opacity: 1;
}

.segment-wp-backgroundColor .segment-button {
  color: #1d1c22;
}

.segment-wp-backgroundColor .segment-button.activated, .segment-wp-backgroundColor .segment-button.segment-activated {
  border-color: #1d1c22;
  color: #1d1c22;
  opacity: 1;
}

.segment-wp-bluegrey .segment-button {
  color: #1a7d9d;
}

.segment-wp-bluegrey .segment-button.activated, .segment-wp-bluegrey .segment-button.segment-activated {
  border-color: #1a7d9d;
  color: #1a7d9d;
  opacity: 1;
}

.segment-wp-darkorange .segment-button {
  color: #bd871e;
}

.segment-wp-darkorange .segment-button.activated, .segment-wp-darkorange .segment-button.segment-activated {
  border-color: #bd871e;
  color: #bd871e;
  opacity: 1;
}

ion-select {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  max-width: 45%;
}

.select-text {
  overflow: hidden;
  -webkit-box-flex: 1;
  -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-popover ion-list {
  margin: -1px 0;
}

.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 {
  left: 5px;
  top: 50%;
  margin-top: -2px;
  position: absolute;
  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 {
  left: 5px;
  top: 50%;
  margin-top: -3px;
  position: absolute;
  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 {
  margin: 13px 8px;
  padding: 0 8px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  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;
  align-self: center;
  width: 18px;
  height: 18px;
}

.select-wp .select-icon .select-icon-inner {
  left: 5px;
  top: 3px;
  position: absolute;
  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-container {
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  width: 100%;
  height: 100%;
}

.swiper-container-no-flexbox .swiper-slide {
  float: left;
}

.swiper-container-vertical > .swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  padding: 0;
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
}

.swiper-container-multirow > .swiper-wrapper {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
  margin: 0 auto;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-slide {
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  font-size: 18px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-container .swiper-notification {
  left: 0;
  top: 0;
  position: absolute;
  z-index: -1000;
  opacity: 0;
  pointer-events: none;
}

.swiper-wp8-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-wp8-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-button-prev,
.swiper-button-next {
  top: 50%;
  margin-top: -22px;
  background-position: center;
  position: absolute;
  z-index: 10;
  width: 27px;
  height: 44px;
  background-repeat: no-repeat;
  background-size: 27px 44px;
  cursor: pointer;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  cursor: auto;
  opacity: .35;
  pointer-events: none;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
  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");
}

.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 {
  left: auto;
  right: 10px;
  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");
}

.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");
}

.swiper-pagination {
  text-align: center;
  -webkit-transform: translate3d(0,  0,  0);
  transform: translate3d(0,  0,  0);
  position: absolute;
  z-index: 10;
  -webkit-transition: 300ms;
  transition: 300ms;
  pointer-events: none;
}

.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}

.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-container-horizontal > .swiper-pagination-bullets {
  left: 0;
  bottom: 10px;
  width: 100%;
}

.swiper-pagination-bullet {
  border-radius: 100%;
  display: inline-block;
  width: 8px;
  height: 8px;
  background: #000;
  opacity: .2;
  pointer-events: auto;
}

button.swiper-pagination-bullet {
  margin: 0;
  padding: 0;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}

.swiper-pagination-white .swiper-pagination-bullet {
  background: #fff;
}

.swiper-pagination-bullet-active {
  background: #007aff;
  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-bullets {
  right: 10px;
  top: 50%;
  -webkit-transform: translate3d(0,  -50%,  0);
  transform: translate3d(0,  -50%,  0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 5px 0;
  display: block;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 5px;
}

.swiper-pagination-progress {
  position: absolute;
  background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progress .swiper-pagination-progressbar {
  left: 0;
  top: 0;
  -webkit-transform-origin: left top;
  transform-origin: left top;
  position: absolute;
  width: 100%;
  height: 100%;
  background: #007aff;
  -webkit-transform: scale(0);
  transform: scale(0);
}

.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar {
  -webkit-transform-origin: right top;
  transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progress {
  left: 0;
  top: 0;
  width: 100%;
  height: 4px;
}

.swiper-container-vertical > .swiper-pagination-progress {
  left: 0;
  top: 0;
  width: 4px;
  height: 100%;
}

.swiper-pagination-progress.swiper-pagination-white {
  background: rgba(255, 255, 255, 0.5);
}

.swiper-pagination-progress.swiper-pagination-white .swiper-pagination-progressbar {
  background: #fff;
}

.swiper-pagination-progress.swiper-pagination-black .swiper-pagination-progressbar {
  background: #000;
}

.swiper-container-3d {
  -webkit-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 {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 10;
  width: 100%;
  height: 100%;
  pointer-events: none;
}

.swiper-container-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-coverflow .swiper-wrapper,
.swiper-container-flip .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-container-cube,
.swiper-container-flip {
  overflow: visible;
}

.swiper-container-cube .swiper-slide,
.swiper-container-flip .swiper-slide {
  z-index: 1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  pointer-events: none;
}

.swiper-container-cube .swiper-slide .swiper-slide,
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}

.swiper-container-cube .swiper-slide-active,
.swiper-container-flip .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}

.swiper-container-cube .swiper-slide-shadow-top,
.swiper-container-flip .swiper-slide-shadow-top,
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-right {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.swiper-container-cube .swiper-slide {
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}

.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 {
  visibility: visible;
  pointer-events: auto;
}

.swiper-container-cube .swiper-cube-shadow {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .6;
  -webkit-filter: blur(50px);
  filter: blur(50px);
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
  -webkit-transition-property: opacity;
  transition-property: opacity;
  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;
}

.swiper-zoom-container {
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
}

.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  background: rgba(0, 0, 0, 0.1);
  -ms-touch-action: none;
  touch-action: none;
}

.swiper-container-horizontal > .swiper-scrollbar {
  left: 1%;
  bottom: 3px;
  position: absolute;
  z-index: 50;
  width: 98%;
  height: 5px;
}

.swiper-container-vertical > .swiper-scrollbar {
  right: 3px;
  top: 1%;
  position: absolute;
  z-index: 50;
  width: 5px;
  height: 98%;
}

.swiper-scrollbar-drag {
  left: 0;
  top: 0;
  border-radius: 10px;
  position: relative;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
}

.swiper-scrollbar-cursor-drag {
  cursor: move;
}

.swiper-lazy-preloader {
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  position: absolute;
  z-index: 10;
  width: 42px;
  height: 42px;
  -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
  animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader::after {
  background-position: 50%;
  display: block;
  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-repeat: no-repeat;
  background-size: 100%;
  content: "";
}

.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);
    transform: rotate(360deg);
  }
}

@keyframes swiper-preloader-spin {
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

ion-slides {
  display: block;
  width: 100%;
  height: 100%;
}

.slide-zoom {
  text-align: center;
  display: block;
  width: 100%;
}

.swiper-slide img {
  width: auto;
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

ion-spinner {
  position: relative;
  display: inline-block;
  width: 28px;
  height: 28px;
}

ion-spinner svg {
  left: 0;
  top: 0;
  position: absolute;
  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: #1d1c22;
}

.spinner-ios-primary.spinner-bubbles circle,
.spinner-ios-primary.spinner-circles circle,
.spinner-ios-primary.spinner-dots circle {
  fill: #1d1c22;
}

.spinner-ios-secondary.spinner-ios line,
.spinner-ios-secondary.spinner-ios-small line,
.spinner-ios-secondary.spinner-crescent circle {
  stroke: #fa8c16;
}

.spinner-ios-secondary.spinner-bubbles circle,
.spinner-ios-secondary.spinner-circles circle,
.spinner-ios-secondary.spinner-dots circle {
  fill: #fa8c16;
}

.spinner-ios-twitter.spinner-ios line,
.spinner-ios-twitter.spinner-ios-small line,
.spinner-ios-twitter.spinner-crescent circle {
  stroke: #55acee;
}

.spinner-ios-twitter.spinner-bubbles circle,
.spinner-ios-twitter.spinner-circles circle,
.spinner-ios-twitter.spinner-dots circle {
  fill: #55acee;
}

.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: #d4cdec;
}

.spinner-ios-light.spinner-bubbles circle,
.spinner-ios-light.spinner-circles circle,
.spinner-ios-light.spinner-dots circle {
  fill: #d4cdec;
}

.spinner-ios-sandy.spinner-ios line,
.spinner-ios-sandy.spinner-ios-small line,
.spinner-ios-sandy.spinner-crescent circle {
  stroke: #e49f68;
}

.spinner-ios-sandy.spinner-bubbles circle,
.spinner-ios-sandy.spinner-circles circle,
.spinner-ios-sandy.spinner-dots circle {
  fill: #e49f68;
}

.spinner-ios-purple.spinner-ios line,
.spinner-ios-purple.spinner-ios-small line,
.spinner-ios-purple.spinner-crescent circle {
  stroke: #685a92;
}

.spinner-ios-purple.spinner-bubbles circle,
.spinner-ios-purple.spinner-circles circle,
.spinner-ios-purple.spinner-dots circle {
  fill: #685a92;
}

.spinner-ios-base.spinner-ios line,
.spinner-ios-base.spinner-ios-small line,
.spinner-ios-base.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-ios-base.spinner-bubbles circle,
.spinner-ios-base.spinner-circles circle,
.spinner-ios-base.spinner-dots circle {
  fill: #ffffff;
}

.spinner-ios-headerBg.spinner-ios line,
.spinner-ios-headerBg.spinner-ios-small line,
.spinner-ios-headerBg.spinner-crescent circle {
  stroke: #2d2940;
}

.spinner-ios-headerBg.spinner-bubbles circle,
.spinner-ios-headerBg.spinner-circles circle,
.spinner-ios-headerBg.spinner-dots circle {
  fill: #2d2940;
}

.spinner-ios-borderColor.spinner-ios line,
.spinner-ios-borderColor.spinner-ios-small line,
.spinner-ios-borderColor.spinner-crescent circle {
  stroke: #37314b;
}

.spinner-ios-borderColor.spinner-bubbles circle,
.spinner-ios-borderColor.spinner-circles circle,
.spinner-ios-borderColor.spinner-dots circle {
  fill: #37314b;
}

.spinner-ios-backgroundColor.spinner-ios line,
.spinner-ios-backgroundColor.spinner-ios-small line,
.spinner-ios-backgroundColor.spinner-crescent circle {
  stroke: #1d1c22;
}

.spinner-ios-backgroundColor.spinner-bubbles circle,
.spinner-ios-backgroundColor.spinner-circles circle,
.spinner-ios-backgroundColor.spinner-dots circle {
  fill: #1d1c22;
}

.spinner-ios-bluegrey.spinner-ios line,
.spinner-ios-bluegrey.spinner-ios-small line,
.spinner-ios-bluegrey.spinner-crescent circle {
  stroke: #1a7d9d;
}

.spinner-ios-bluegrey.spinner-bubbles circle,
.spinner-ios-bluegrey.spinner-circles circle,
.spinner-ios-bluegrey.spinner-dots circle {
  fill: #1a7d9d;
}

.spinner-ios-darkorange.spinner-ios line,
.spinner-ios-darkorange.spinner-ios-small line,
.spinner-ios-darkorange.spinner-crescent circle {
  stroke: #bd871e;
}

.spinner-ios-darkorange.spinner-bubbles circle,
.spinner-ios-darkorange.spinner-circles circle,
.spinner-ios-darkorange.spinner-dots circle {
  fill: #bd871e;
}

.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: #1d1c22;
}

.spinner-md-primary.spinner-bubbles circle,
.spinner-md-primary.spinner-circles circle,
.spinner-md-primary.spinner-dots circle {
  fill: #1d1c22;
}

.spinner-md-secondary.spinner-ios line,
.spinner-md-secondary.spinner-ios-small line,
.spinner-md-secondary.spinner-crescent circle {
  stroke: #fa8c16;
}

.spinner-md-secondary.spinner-bubbles circle,
.spinner-md-secondary.spinner-circles circle,
.spinner-md-secondary.spinner-dots circle {
  fill: #fa8c16;
}

.spinner-md-twitter.spinner-ios line,
.spinner-md-twitter.spinner-ios-small line,
.spinner-md-twitter.spinner-crescent circle {
  stroke: #55acee;
}

.spinner-md-twitter.spinner-bubbles circle,
.spinner-md-twitter.spinner-circles circle,
.spinner-md-twitter.spinner-dots circle {
  fill: #55acee;
}

.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: #d4cdec;
}

.spinner-md-light.spinner-bubbles circle,
.spinner-md-light.spinner-circles circle,
.spinner-md-light.spinner-dots circle {
  fill: #d4cdec;
}

.spinner-md-sandy.spinner-ios line,
.spinner-md-sandy.spinner-ios-small line,
.spinner-md-sandy.spinner-crescent circle {
  stroke: #e49f68;
}

.spinner-md-sandy.spinner-bubbles circle,
.spinner-md-sandy.spinner-circles circle,
.spinner-md-sandy.spinner-dots circle {
  fill: #e49f68;
}

.spinner-md-purple.spinner-ios line,
.spinner-md-purple.spinner-ios-small line,
.spinner-md-purple.spinner-crescent circle {
  stroke: #685a92;
}

.spinner-md-purple.spinner-bubbles circle,
.spinner-md-purple.spinner-circles circle,
.spinner-md-purple.spinner-dots circle {
  fill: #685a92;
}

.spinner-md-base.spinner-ios line,
.spinner-md-base.spinner-ios-small line,
.spinner-md-base.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-md-base.spinner-bubbles circle,
.spinner-md-base.spinner-circles circle,
.spinner-md-base.spinner-dots circle {
  fill: #ffffff;
}

.spinner-md-headerBg.spinner-ios line,
.spinner-md-headerBg.spinner-ios-small line,
.spinner-md-headerBg.spinner-crescent circle {
  stroke: #2d2940;
}

.spinner-md-headerBg.spinner-bubbles circle,
.spinner-md-headerBg.spinner-circles circle,
.spinner-md-headerBg.spinner-dots circle {
  fill: #2d2940;
}

.spinner-md-borderColor.spinner-ios line,
.spinner-md-borderColor.spinner-ios-small line,
.spinner-md-borderColor.spinner-crescent circle {
  stroke: #37314b;
}

.spinner-md-borderColor.spinner-bubbles circle,
.spinner-md-borderColor.spinner-circles circle,
.spinner-md-borderColor.spinner-dots circle {
  fill: #37314b;
}

.spinner-md-backgroundColor.spinner-ios line,
.spinner-md-backgroundColor.spinner-ios-small line,
.spinner-md-backgroundColor.spinner-crescent circle {
  stroke: #1d1c22;
}

.spinner-md-backgroundColor.spinner-bubbles circle,
.spinner-md-backgroundColor.spinner-circles circle,
.spinner-md-backgroundColor.spinner-dots circle {
  fill: #1d1c22;
}

.spinner-md-bluegrey.spinner-ios line,
.spinner-md-bluegrey.spinner-ios-small line,
.spinner-md-bluegrey.spinner-crescent circle {
  stroke: #1a7d9d;
}

.spinner-md-bluegrey.spinner-bubbles circle,
.spinner-md-bluegrey.spinner-circles circle,
.spinner-md-bluegrey.spinner-dots circle {
  fill: #1a7d9d;
}

.spinner-md-darkorange.spinner-ios line,
.spinner-md-darkorange.spinner-ios-small line,
.spinner-md-darkorange.spinner-crescent circle {
  stroke: #bd871e;
}

.spinner-md-darkorange.spinner-bubbles circle,
.spinner-md-darkorange.spinner-circles circle,
.spinner-md-darkorange.spinner-dots circle {
  fill: #bd871e;
}

.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: #1d1c22;
}

.spinner-wp-primary.spinner-bubbles circle,
.spinner-wp-primary.spinner-circles circle,
.spinner-wp-primary.spinner-dots circle {
  fill: #1d1c22;
}

.spinner-wp-secondary.spinner-ios line,
.spinner-wp-secondary.spinner-ios-small line,
.spinner-wp-secondary.spinner-crescent circle {
  stroke: #fa8c16;
}

.spinner-wp-secondary.spinner-bubbles circle,
.spinner-wp-secondary.spinner-circles circle,
.spinner-wp-secondary.spinner-dots circle {
  fill: #fa8c16;
}

.spinner-wp-twitter.spinner-ios line,
.spinner-wp-twitter.spinner-ios-small line,
.spinner-wp-twitter.spinner-crescent circle {
  stroke: #55acee;
}

.spinner-wp-twitter.spinner-bubbles circle,
.spinner-wp-twitter.spinner-circles circle,
.spinner-wp-twitter.spinner-dots circle {
  fill: #55acee;
}

.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: #d4cdec;
}

.spinner-wp-light.spinner-bubbles circle,
.spinner-wp-light.spinner-circles circle,
.spinner-wp-light.spinner-dots circle {
  fill: #d4cdec;
}

.spinner-wp-sandy.spinner-ios line,
.spinner-wp-sandy.spinner-ios-small line,
.spinner-wp-sandy.spinner-crescent circle {
  stroke: #e49f68;
}

.spinner-wp-sandy.spinner-bubbles circle,
.spinner-wp-sandy.spinner-circles circle,
.spinner-wp-sandy.spinner-dots circle {
  fill: #e49f68;
}

.spinner-wp-purple.spinner-ios line,
.spinner-wp-purple.spinner-ios-small line,
.spinner-wp-purple.spinner-crescent circle {
  stroke: #685a92;
}

.spinner-wp-purple.spinner-bubbles circle,
.spinner-wp-purple.spinner-circles circle,
.spinner-wp-purple.spinner-dots circle {
  fill: #685a92;
}

.spinner-wp-base.spinner-ios line,
.spinner-wp-base.spinner-ios-small line,
.spinner-wp-base.spinner-crescent circle {
  stroke: #ffffff;
}

.spinner-wp-base.spinner-bubbles circle,
.spinner-wp-base.spinner-circles circle,
.spinner-wp-base.spinner-dots circle {
  fill: #ffffff;
}

.spinner-wp-headerBg.spinner-ios line,
.spinner-wp-headerBg.spinner-ios-small line,
.spinner-wp-headerBg.spinner-crescent circle {
  stroke: #2d2940;
}

.spinner-wp-headerBg.spinner-bubbles circle,
.spinner-wp-headerBg.spinner-circles circle,
.spinner-wp-headerBg.spinner-dots circle {
  fill: #2d2940;
}

.spinner-wp-borderColor.spinner-ios line,
.spinner-wp-borderColor.spinner-ios-small line,
.spinner-wp-borderColor.spinner-crescent circle {
  stroke: #37314b;
}

.spinner-wp-borderColor.spinner-bubbles circle,
.spinner-wp-borderColor.spinner-circles circle,
.spinner-wp-borderColor.spinner-dots circle {
  fill: #37314b;
}

.spinner-wp-backgroundColor.spinner-ios line,
.spinner-wp-backgroundColor.spinner-ios-small line,
.spinner-wp-backgroundColor.spinner-crescent circle {
  stroke: #1d1c22;
}

.spinner-wp-backgroundColor.spinner-bubbles circle,
.spinner-wp-backgroundColor.spinner-circles circle,
.spinner-wp-backgroundColor.spinner-dots circle {
  fill: #1d1c22;
}

.spinner-wp-bluegrey.spinner-ios line,
.spinner-wp-bluegrey.spinner-ios-small line,
.spinner-wp-bluegrey.spinner-crescent circle {
  stroke: #1a7d9d;
}

.spinner-wp-bluegrey.spinner-bubbles circle,
.spinner-wp-bluegrey.spinner-circles circle,
.spinner-wp-bluegrey.spinner-dots circle {
  fill: #1a7d9d;
}

.spinner-wp-darkorange.spinner-ios line,
.spinner-wp-darkorange.spinner-ios-small line,
.spinner-wp-darkorange.spinner-crescent circle {
  stroke: #bd871e;
}

.spinner-wp-darkorange.spinner-bubbles circle,
.spinner-wp-darkorange.spinner-circles circle,
.spinner-wp-darkorange.spinner-dots circle {
  fill: #bd871e;
}

.split-pane {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  contain: strict;
}

.split-pane-side:not(ion-menu) {
  display: none;
}

.split-pane-visible > .split-pane-side,
.split-pane-visible > .split-pane-main {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: relative;
  z-index: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.split-pane-visible > .split-pane-side {
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-main,
.split-pane-visible > ion-nav.split-pane-side,
.split-pane-visible > ion-tabs.split-pane-side,
.split-pane-visible > ion-menu.menu-enabled {
  display: block;
}

.split-pane-visible > ion-split-pane.split-pane-side,
.split-pane-visible > ion-split-pane.split-pane-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.split-pane-visible > ion-menu.menu-enabled > .menu-inner {
  left: 0;
  right: 0;
  width: auto;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  -webkit-transform: none !important;
  transform: none !important;
}

.split-pane-visible > ion-menu.menu-enabled > .ion-backdrop {
  display: hidden !important;
}

.split-pane-visible > .split-pane-side[side=start] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-side[side=end] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.split-pane-visible > .split-pane-side[side=left] {
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}

.split-pane-visible > .split-pane-side[side=right] {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}

.split-pane-ios.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 1px solid transparent;
  border-left: 0;
}

.split-pane-ios.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 1px solid transparent;
}

.split-pane-md.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 1px solid #dedede;
  border-left: 0;
}

.split-pane-md.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 1px solid #dedede;
}

.split-pane-wp.split-pane-visible > .split-pane-side {
  min-width: 270px;
  max-width: 28%;
  border-right: 1px solid transparent;
  border-left: 0;
}

.split-pane-wp.split-pane-visible > .split-pane-side[side=right] {
  border-right: 0;
  border-left: 1px solid transparent;
}

.tabbar {
  left: 0;
  bottom: 0;
  position: absolute;
  z-index: 10;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  opacity: 0;
}

.tabbar-hidden .tabbar {
  display: none;
}

.tabbar.show-tabbar {
  opacity: 1;
}

[tabsPlacement=top] > .tabbar {
  top: 0;
  bottom: auto;
}

.tab-button {
  margin: 0;
  text-align: center;
  border-radius: 0;
  position: relative;
  z-index: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: 0;
  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;
  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-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

[tabsLayout=icon-left] .tab-button,
[tabsLayout=icon-right] .tab-button,
[tabsLayout=icon-start] .tab-button,
[tabsLayout=icon-end] .tab-button {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

[tabsLayout=icon-left] .tab-button .tab-button-icon,
[tabsLayout=icon-start] .tab-button .tab-button-icon {
  padding-right: 8px;
  text-align: right;
  text-align: end;
}

[tabsLayout=icon-right] .tab-button .tab-button-icon,
[tabsLayout=icon-end] .tab-button .tab-button-icon {
  padding-left: 8px;
  text-align: left;
  text-align: start;
  -webkit-box-ordinal-group: 11;
  -webkit-order: 10;
  -ms-flex-order: 10;
  order: 10;
}

.tab-hidden,
.tab-highlight,
[tabsLayout=icon-hide] .tab-button-icon,
[tabsLayout=title-hide] .tab-button-text {
  display: none;
}

.tab-badge {
  right: 4%;
  top: 6%;
  right: calc(50% - 50px);
  padding: 1px 6px;
  position: absolute;
  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,
[tabsLayout=icon-start] .tab-badge,
[tabsLayout=icon-end] .tab-badge {
  right: calc(50% - 50px);
}

.tabs-ios .tabbar {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  background: #f8f8f8;
}

.tabs-ios[tabsPlacement=top] .tabbar {
  border-top: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
}

.tabs-ios .tab-button {
  max-width: 240px;
  min-height: 49px;
  font-size: 10px;
  font-weight: 500;
  color: #8c8c8c;
  padding: 0 2px;
}

.tabs-ios .tab-button:hover:not(.disable-hover),
.tabs-ios .tab-button[aria-selected=true] {
  color: #1d1c22;
}

.tabs-ios .tab-button[aria-selected=true] .tab-button-icon {
  color: #1d1c22;
}

.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,
.tabs-ios[tabsLayout=icon-end] .tab-button .tab-button-text,
.tabs-ios[tabsLayout=icon-start] .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,
.tabs-ios[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-ios[tabsLayout=icon-start] .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: #050506;
  background-color: #1d1c22;
}

.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: #d87205;
  background-color: #fa8c16;
}

.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-twitter .tabbar {
  border-color: #2795e9;
  background-color: #55acee;
}

.tabs-ios-twitter .tab-button,
.tabs-ios-twitter .tab-button-icon,
.tabs-ios-twitter .tab-button:hover:not(.disable-hover),
.tabs-ios-twitter .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-twitter .tab-button[aria-selected=true],
.tabs-ios-twitter .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: #b4a8de;
  background-color: #d4cdec;
}

.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-sandy .tabbar {
  border-color: #dc833d;
  background-color: #e49f68;
}

.tabs-ios-sandy .tab-button,
.tabs-ios-sandy .tab-button-icon,
.tabs-ios-sandy .tab-button:hover:not(.disable-hover),
.tabs-ios-sandy .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-sandy .tab-button[aria-selected=true],
.tabs-ios-sandy .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-purple .tabbar {
  border-color: #524772;
  background-color: #685a92;
}

.tabs-ios-purple .tab-button,
.tabs-ios-purple .tab-button-icon,
.tabs-ios-purple .tab-button:hover:not(.disable-hover),
.tabs-ios-purple .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-purple .tab-button[aria-selected=true],
.tabs-ios-purple .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-base .tabbar {
  border-color: #e6e6e6;
  background-color: #ffffff;
}

.tabs-ios-base .tab-button,
.tabs-ios-base .tab-button-icon,
.tabs-ios-base .tab-button:hover:not(.disable-hover),
.tabs-ios-base .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-ios-base .tab-button[aria-selected=true],
.tabs-ios-base .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-ios-headerBg .tabbar {
  border-color: #171521;
  background-color: #2d2940;
}

.tabs-ios-headerBg .tab-button,
.tabs-ios-headerBg .tab-button-icon,
.tabs-ios-headerBg .tab-button:hover:not(.disable-hover),
.tabs-ios-headerBg .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-headerBg .tab-button[aria-selected=true],
.tabs-ios-headerBg .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-borderColor .tabbar {
  border-color: #201d2c;
  background-color: #37314b;
}

.tabs-ios-borderColor .tab-button,
.tabs-ios-borderColor .tab-button-icon,
.tabs-ios-borderColor .tab-button:hover:not(.disable-hover),
.tabs-ios-borderColor .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-borderColor .tab-button[aria-selected=true],
.tabs-ios-borderColor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-backgroundColor .tabbar {
  border-color: #050506;
  background-color: #1d1c22;
}

.tabs-ios-backgroundColor .tab-button,
.tabs-ios-backgroundColor .tab-button-icon,
.tabs-ios-backgroundColor .tab-button:hover:not(.disable-hover),
.tabs-ios-backgroundColor .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-backgroundColor .tab-button[aria-selected=true],
.tabs-ios-backgroundColor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-bluegrey .tabbar {
  border-color: #135a71;
  background-color: #1a7d9d;
}

.tabs-ios-bluegrey .tab-button,
.tabs-ios-bluegrey .tab-button-icon,
.tabs-ios-bluegrey .tab-button:hover:not(.disable-hover),
.tabs-ios-bluegrey .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-bluegrey .tab-button[aria-selected=true],
.tabs-ios-bluegrey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-ios-darkorange .tabbar {
  border-color: #916817;
  background-color: #bd871e;
}

.tabs-ios-darkorange .tab-button,
.tabs-ios-darkorange .tab-button-icon,
.tabs-ios-darkorange .tab-button:hover:not(.disable-hover),
.tabs-ios-darkorange .tab-button:hover:not(.disable-hover) .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-ios-darkorange .tab-button[aria-selected=true],
.tabs-ios-darkorange .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md .tabbar {
  background: #f8f8f8;
}

.tabs-md .tab-button {
  min-height: 5.6rem;
  font-weight: normal;
  color: rgba(60, 60, 60, 0.7);
  padding: 0;
}

.tabs-md .tab-button[aria-selected=true] {
  color: #1d1c22;
  padding: 0;
}

.tabs-md .tab-button-text {
  font-size: 1.2rem;
  text-transform: none;
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  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;
  margin: 0;
  -webkit-transform-origin: 50% 80%;
  transform-origin: 50% 80%;
}

.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);
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
  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-transition: -webkit-transform 0.3s ease-in-out;
  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;
  -webkit-transform-origin: 50% 150%;
  transform-origin: 50% 150%;
}

.tabs-md .tab-button[aria-selected=true] .tab-button-icon {
  color: #1d1c22;
  -webkit-transform: translate3d(0,  -2px,  0);
  transform: translate3d(0,  -2px,  0);
}

.tabs-md[tabsLayout=icon-right] .tab-button[aria-selected=true] .tab-button-icon,
.tabs-md[tabsLayout=icon-end] .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,
.tabs-md[tabsLayout=icon-start] .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 {
  left: 0;
  bottom: 0;
  -webkit-transform-origin: 0 0;
  transform-origin: 0 0;
  position: absolute;
  display: block;
  width: 1px;
  height: 2px;
  background: #1d1c22;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.tabs-md[tabsHighlight=true] .tab-highlight.animate {
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
}

.tabs-md[tabsHighlight=true][tabsPlacement=bottom] > .tabbar > .tab-highlight {
  top: 0;
}

.tabs-md-primary .tabbar {
  background-color: #1d1c22;
}

.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: #fa8c16;
}

.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-twitter .tabbar {
  background-color: #55acee;
}

.tabs-md-twitter .tab-button,
.tabs-md-twitter .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-twitter .tab-button:hover:not(.disable-hover),
.tabs-md-twitter .tab-button[aria-selected=true],
.tabs-md-twitter .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-twitter[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: #d4cdec;
}

.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-sandy .tabbar {
  background-color: #e49f68;
}

.tabs-md-sandy .tab-button,
.tabs-md-sandy .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-sandy .tab-button:hover:not(.disable-hover),
.tabs-md-sandy .tab-button[aria-selected=true],
.tabs-md-sandy .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-sandy[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-purple .tabbar {
  background-color: #685a92;
}

.tabs-md-purple .tab-button,
.tabs-md-purple .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-purple .tab-button:hover:not(.disable-hover),
.tabs-md-purple .tab-button[aria-selected=true],
.tabs-md-purple .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-purple[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-base .tabbar {
  background-color: #ffffff;
}

.tabs-md-base .tab-button,
.tabs-md-base .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-md-base .tab-button:hover:not(.disable-hover),
.tabs-md-base .tab-button[aria-selected=true],
.tabs-md-base .tab-button[aria-selected=true] .tab-button-icon {
  color: #000;
}

.tabs-md-base[tabsHighlight=true] .tab-highlight {
  background: #000;
}

.tabs-md-headerBg .tabbar {
  background-color: #2d2940;
}

.tabs-md-headerBg .tab-button,
.tabs-md-headerBg .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-headerBg .tab-button:hover:not(.disable-hover),
.tabs-md-headerBg .tab-button[aria-selected=true],
.tabs-md-headerBg .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-headerBg[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-borderColor .tabbar {
  background-color: #37314b;
}

.tabs-md-borderColor .tab-button,
.tabs-md-borderColor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-borderColor .tab-button:hover:not(.disable-hover),
.tabs-md-borderColor .tab-button[aria-selected=true],
.tabs-md-borderColor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-borderColor[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-backgroundColor .tabbar {
  background-color: #1d1c22;
}

.tabs-md-backgroundColor .tab-button,
.tabs-md-backgroundColor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-backgroundColor .tab-button:hover:not(.disable-hover),
.tabs-md-backgroundColor .tab-button[aria-selected=true],
.tabs-md-backgroundColor .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-backgroundColor[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-bluegrey .tabbar {
  background-color: #1a7d9d;
}

.tabs-md-bluegrey .tab-button,
.tabs-md-bluegrey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-bluegrey .tab-button:hover:not(.disable-hover),
.tabs-md-bluegrey .tab-button[aria-selected=true],
.tabs-md-bluegrey .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-bluegrey[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-md-darkorange .tabbar {
  background-color: #bd871e;
}

.tabs-md-darkorange .tab-button,
.tabs-md-darkorange .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-md-darkorange .tab-button:hover:not(.disable-hover),
.tabs-md-darkorange .tab-button[aria-selected=true],
.tabs-md-darkorange .tab-button[aria-selected=true] .tab-button-icon {
  color: #fff;
}

.tabs-md-darkorange[tabsHighlight=true] .tab-highlight {
  background: #fff;
}

.tabs-wp .tabbar {
  background: #f8f8f8;
}

.tabs-wp .tab-button {
  border-radius: 0;
  min-height: 4.8rem;
  border-bottom: 2px solid transparent;
  font-size: 1.2rem;
  font-weight: normal;
  color: rgba(140, 140, 140, 0.7);
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 12px 10px 5px;
}

.tabs-wp .tab-button[aria-selected=true] {
  border-bottom-color: #1d1c22;
  color: #1d1c22;
}

.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: #1d1c22;
}

.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: #1d1c22;
}

.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,
.tabs-wp[tabsLayout=icon-end] .tab-button,
.tabs-wp[tabsLayout=icon-start] .tab-button {
  padding-bottom: 10px;
}

.tabs-wp[tabsLayout=icon-right] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-left] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-end] .tab-button ion-icon,
.tabs-wp[tabsLayout=icon-start] .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: #1d1c22;
}

.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: #fa8c16;
}

.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-twitter .tabbar {
  background-color: #55acee;
}

.tabs-wp-twitter .tab-button,
.tabs-wp-twitter .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-twitter .tab-button:hover:not(.disable-hover),
.tabs-wp-twitter .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-twitter .tab-button[aria-selected=true],
.tabs-wp-twitter .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: #d4cdec;
}

.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-sandy .tabbar {
  background-color: #e49f68;
}

.tabs-wp-sandy .tab-button,
.tabs-wp-sandy .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-sandy .tab-button:hover:not(.disable-hover),
.tabs-wp-sandy .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-sandy .tab-button[aria-selected=true],
.tabs-wp-sandy .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-purple .tabbar {
  background-color: #685a92;
}

.tabs-wp-purple .tab-button,
.tabs-wp-purple .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-purple .tab-button:hover:not(.disable-hover),
.tabs-wp-purple .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-purple .tab-button[aria-selected=true],
.tabs-wp-purple .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-base .tabbar {
  background-color: #ffffff;
}

.tabs-wp-base .tab-button,
.tabs-wp-base .tab-button-icon {
  color: rgba(0, 0, 0, 0.7);
}

.tabs-wp-base .tab-button:hover:not(.disable-hover),
.tabs-wp-base .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-base .tab-button[aria-selected=true],
.tabs-wp-base .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #000;
  color: #000;
}

.tabs-wp-headerBg .tabbar {
  background-color: #2d2940;
}

.tabs-wp-headerBg .tab-button,
.tabs-wp-headerBg .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-headerBg .tab-button:hover:not(.disable-hover),
.tabs-wp-headerBg .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-headerBg .tab-button[aria-selected=true],
.tabs-wp-headerBg .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-borderColor .tabbar {
  background-color: #37314b;
}

.tabs-wp-borderColor .tab-button,
.tabs-wp-borderColor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-borderColor .tab-button:hover:not(.disable-hover),
.tabs-wp-borderColor .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-borderColor .tab-button[aria-selected=true],
.tabs-wp-borderColor .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-backgroundColor .tabbar {
  background-color: #1d1c22;
}

.tabs-wp-backgroundColor .tab-button,
.tabs-wp-backgroundColor .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-backgroundColor .tab-button:hover:not(.disable-hover),
.tabs-wp-backgroundColor .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-backgroundColor .tab-button[aria-selected=true],
.tabs-wp-backgroundColor .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-bluegrey .tabbar {
  background-color: #1a7d9d;
}

.tabs-wp-bluegrey .tab-button,
.tabs-wp-bluegrey .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-bluegrey .tab-button:hover:not(.disable-hover),
.tabs-wp-bluegrey .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-bluegrey .tab-button[aria-selected=true],
.tabs-wp-bluegrey .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

.tabs-wp-darkorange .tabbar {
  background-color: #bd871e;
}

.tabs-wp-darkorange .tab-button,
.tabs-wp-darkorange .tab-button-icon {
  color: rgba(255, 255, 255, 0.7);
}

.tabs-wp-darkorange .tab-button:hover:not(.disable-hover),
.tabs-wp-darkorange .tab-button:hover:not(.disable-hover) .tab-button-icon,
.tabs-wp-darkorange .tab-button[aria-selected=true],
.tabs-wp-darkorange .tab-button[aria-selected=true] .tab-button-icon {
  border-color: #fff;
  color: #fff;
}

ion-toast {
  left: 0;
  top: 0;
  position: absolute;
  z-index: 1000;
  display: block;
  width: 100%;
  height: 100%;
  pointer-events: none;
  contain: strict;
}

.toast-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.toast-ios .toast-wrapper {
  left: 10px;
  right: 10px;
  margin: auto;
  border-radius: 0.65rem;
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  background: rgba(0, 0, 0, 0.9);
}

.toast-ios .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
  margin: constant(safe-area-inset-top) auto auto;
  margin: env(safe-area-inset-top) auto auto;
  top: 0;
}

.toast-ios .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  margin: auto auto constant(safe-area-inset-bottom);
  margin: auto auto env(safe-area-inset-bottom);
  bottom: 0;
}

.toast-ios .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-ios .toast-message {
  font-size: 1.4rem;
  color: #fff;
  padding: 1.5rem;
}

.toast-md .toast-wrapper {
  left: 0;
  right: 0;
  margin: auto;
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  max-width: 700px;
  background: #333;
}

.toast-md .toast-wrapper.toast-top {
  -webkit-transform: translate3d(0,  -100%,  0);
  transform: translate3d(0,  -100%,  0);
  top: 0;
}

.toast-md .toast-wrapper.toast-bottom {
  -webkit-transform: translate3d(0,  100%,  0);
  transform: translate3d(0,  100%,  0);
  bottom: 0;
}

.toast-md .toast-wrapper.toast-middle {
  opacity: .01;
}

.toast-md .toast-message {
  font-size: 1.5rem;
  color: #fff;
  padding: 19px 16px 17px;
}

.toast-wp .toast-wrapper {
  left: 0;
  right: 0;
  margin: auto;
  border-radius: 0;
  position: absolute;
  z-index: 10;
  display: block;
  max-width: 700px;
  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 {
  font-size: 1.4rem;
  color: #fff;
  padding: 1.5rem;
}

.toast-button {
  color: #fff;
}

.toggle-ios {
  position: relative;
  width: 51px;
  height: 32px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-ios .toggle-icon {
  border-radius: 16px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(28, 28, 28, 0);
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-ios .toggle-icon::before {
  left: 2px;
  right: 2px;
  top: 2px;
  bottom: 2px;
  border-radius: 16px;
  position: absolute;
  background-color: #fff;
  content: "";
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  -webkit-transition: -webkit-transform 300ms;
  transition: -webkit-transform 300ms;
  transition: transform 300ms;
  transition: transform 300ms, -webkit-transform 300ms;
}

.toggle-ios .toggle-inner {
  left: 2px;
  top: 2px;
  border-radius: 14px;
  position: absolute;
  width: 28px;
  height: 28px;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.16), 0 3px 1px rgba(0, 0, 0, 0.1);
  -webkit-transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  transition: width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms;
  transition: transform 300ms, width 120ms ease-in-out 80ms, left 110ms ease-in-out 80ms, right 110ms ease-in-out 80ms, -webkit-transform 300ms;
  will-change: transform;
  contain: strict;
}

.toggle-ios.toggle-checked .toggle-icon {
  background-color: #1d1c22;
}

.toggle-ios.toggle-activated .toggle-icon::before,
.toggle-ios.toggle-checked .toggle-icon::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 .toggle-inner::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],
.item-ios .toggle-ios[item-start] {
  padding: 6px 16px 5px 0;
}

.toggle-ios-primary.toggle-checked .toggle-icon {
  background-color: #1d1c22;
}

.toggle-ios-secondary.toggle-checked .toggle-icon {
  background-color: #fa8c16;
}

.toggle-ios-twitter.toggle-checked .toggle-icon {
  background-color: #55acee;
}

.toggle-ios-danger.toggle-checked .toggle-icon {
  background-color: #f53d3d;
}

.toggle-ios-light.toggle-checked .toggle-icon {
  background-color: #d4cdec;
}

.toggle-ios-sandy.toggle-checked .toggle-icon {
  background-color: #e49f68;
}

.toggle-ios-purple.toggle-checked .toggle-icon {
  background-color: #685a92;
}

.toggle-ios-base.toggle-checked .toggle-icon {
  background-color: #ffffff;
}

.toggle-ios-headerBg.toggle-checked .toggle-icon {
  background-color: #2d2940;
}

.toggle-ios-borderColor.toggle-checked .toggle-icon {
  background-color: #37314b;
}

.toggle-ios-backgroundColor.toggle-checked .toggle-icon {
  background-color: #1d1c22;
}

.toggle-ios-bluegrey.toggle-checked .toggle-icon {
  background-color: #1a7d9d;
}

.toggle-ios-darkorange.toggle-checked .toggle-icon {
  background-color: #bd871e;
}

.toggle-md {
  position: relative;
  width: 36px;
  height: 14px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
  padding: 12px;
}

.toggle-md .toggle-icon {
  border-radius: 14px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #dedede;
  -webkit-transition: background-color 300ms;
  transition: background-color 300ms;
  pointer-events: none;
}

.toggle-md .toggle-inner {
  left: 0;
  top: -3px;
  border-radius: 50%;
  position: absolute;
  width: 20px;
  height: 20px;
  background-color: #fff;
  -webkit-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);
  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);
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform, background-color;
  contain: strict;
}

.toggle-md.toggle-checked .toggle-icon {
  background-color: #595668;
}

.toggle-md.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(16px,  0,  0);
  transform: translate3d(16px,  0,  0);
  background-color: #1d1c22;
}

.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 {
  cursor: pointer;
  margin: 0;
  padding: 12px 8px 12px 16px;
}

.item-md .toggle-md[item-left],
.item-md .toggle-md[item-start] {
  padding: 12px 18px 12px 2px;
}

.item-md.item-toggle ion-label {
  margin-left: 0;
}

.toggle-md-primary.toggle-checked .toggle-icon {
  background-color: #595668;
}

.toggle-md-primary.toggle-checked .toggle-inner {
  background-color: #1d1c22;
}

.toggle-md-secondary.toggle-checked .toggle-icon {
  background-color: #fdca93;
}

.toggle-md-secondary.toggle-checked .toggle-inner {
  background-color: #fa8c16;
}

.toggle-md-twitter.toggle-checked .toggle-icon {
  background-color: #c9e5fa;
}

.toggle-md-twitter.toggle-checked .toggle-inner {
  background-color: #55acee;
}

.toggle-md-danger.toggle-checked .toggle-icon {
  background-color: #fbb6b6;
}

.toggle-md-danger.toggle-checked .toggle-inner {
  background-color: #f53d3d;
}

.toggle-md-light.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-light.toggle-checked .toggle-inner {
  background-color: #d4cdec;
}

.toggle-md-sandy.toggle-checked .toggle-icon {
  background-color: #f7e4d4;
}

.toggle-md-sandy.toggle-checked .toggle-inner {
  background-color: #e49f68;
}

.toggle-md-purple.toggle-checked .toggle-icon {
  background-color: #ada4c7;
}

.toggle-md-purple.toggle-checked .toggle-inner {
  background-color: #685a92;
}

.toggle-md-base.toggle-checked .toggle-icon {
  background-color: white;
}

.toggle-md-base.toggle-checked .toggle-inner {
  background-color: #ffffff;
}

.toggle-md-headerBg.toggle-checked .toggle-icon {
  background-color: #645b8e;
}

.toggle-md-headerBg.toggle-checked .toggle-inner {
  background-color: #2d2940;
}

.toggle-md-borderColor.toggle-checked .toggle-icon {
  background-color: #706398;
}

.toggle-md-borderColor.toggle-checked .toggle-inner {
  background-color: #37314b;
}

.toggle-md-backgroundColor.toggle-checked .toggle-icon {
  background-color: #595668;
}

.toggle-md-backgroundColor.toggle-checked .toggle-inner {
  background-color: #1d1c22;
}

.toggle-md-bluegrey.toggle-checked .toggle-icon {
  background-color: #54c0e3;
}

.toggle-md-bluegrey.toggle-checked .toggle-inner {
  background-color: #1a7d9d;
}

.toggle-md-darkorange.toggle-checked .toggle-icon {
  background-color: #e9c072;
}

.toggle-md-darkorange.toggle-checked .toggle-inner {
  background-color: #bd871e;
}

.toggle-wp {
  position: relative;
  width: 40px;
  height: 18px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  contain: strict;
}

.toggle-wp .toggle-icon {
  border-radius: 18px;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  border: 2px solid #323232;
  background-color: transparent;
  pointer-events: none;
  contain: strict;
}

.toggle-wp .toggle-inner {
  left: 2px;
  top: 2px;
  border-radius: 50%;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #323232;
  -webkit-transition-duration: 300ms;
  transition-duration: 300ms;
  -webkit-transition-property: background-color, -webkit-transform;
  transition-property: background-color, -webkit-transform;
  transition-property: transform, background-color;
  transition-property: transform, background-color, -webkit-transform;
  will-change: transform, background-color;
}

.toggle-wp.toggle-checked .toggle-icon {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.toggle-wp.toggle-checked .toggle-inner {
  -webkit-transform: translate3d(22px,  0,  0);
  transform: translate3d(22px,  0,  0);
  background-color: #fff;
}

.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;
  cursor: pointer;
  padding: 12px 8px 12px 16px;
}

.item-wp .toggle-wp[item-left],
.item-wp .toggle-wp[item-start] {
  padding: 12px 18px 12px 2px;
}

.item-wp.item-toggle ion-label {
  margin-left: 0;
}

.toggle-wp-primary.toggle-checked .toggle-icon {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.toggle-wp-primary.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-secondary.toggle-checked .toggle-icon {
  border-color: #fa8c16;
  background-color: #fa8c16;
}

.toggle-wp-secondary.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-twitter.toggle-checked .toggle-icon {
  border-color: #55acee;
  background-color: #55acee;
}

.toggle-wp-twitter.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-danger.toggle-checked .toggle-icon {
  border-color: #f53d3d;
  background-color: #f53d3d;
}

.toggle-wp-danger.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-light.toggle-checked .toggle-icon {
  border-color: #d4cdec;
  background-color: #d4cdec;
}

.toggle-wp-light.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-sandy.toggle-checked .toggle-icon {
  border-color: #e49f68;
  background-color: #e49f68;
}

.toggle-wp-sandy.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-purple.toggle-checked .toggle-icon {
  border-color: #685a92;
  background-color: #685a92;
}

.toggle-wp-purple.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-base.toggle-checked .toggle-icon {
  border-color: #ffffff;
  background-color: #ffffff;
}

.toggle-wp-base.toggle-checked .toggle-inner {
  background-color: #000;
}

.toggle-wp-headerBg.toggle-checked .toggle-icon {
  border-color: #2d2940;
  background-color: #2d2940;
}

.toggle-wp-headerBg.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-borderColor.toggle-checked .toggle-icon {
  border-color: #37314b;
  background-color: #37314b;
}

.toggle-wp-borderColor.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-backgroundColor.toggle-checked .toggle-icon {
  border-color: #1d1c22;
  background-color: #1d1c22;
}

.toggle-wp-backgroundColor.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-bluegrey.toggle-checked .toggle-icon {
  border-color: #1a7d9d;
  background-color: #1a7d9d;
}

.toggle-wp-bluegrey.toggle-checked .toggle-inner {
  background-color: #fff;
}

.toggle-wp-darkorange.toggle-checked .toggle-icon {
  border-color: #bd871e;
  background-color: #bd871e;
}

.toggle-wp-darkorange.toggle-checked .toggle-inner {
  background-color: #fff;
}

ion-toolbar {
  position: relative;
  z-index: 10;
}

.toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  contain: content;
}

.toolbar-background {
  left: 0;
  top: 0;
  position: absolute;
  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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-align: center;
  -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 {
  margin: 0 0.2rem;
  display: block;
  -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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-button {
  margin: 0;
  padding: 0;
  text-align: center;
  -moz-appearance: none;
  -ms-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  line-height: 1;
  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 {
  left: -2px;
  right: -2px;
  top: -7px;
  bottom: -6px;
  position: absolute;
  content: "";
}

.bar-button-menutoggle {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -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-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.toolbar-ios {
  padding: 4px;
  padding-left: 4px;
  padding-right: 4px;
  min-height: 44px;
}

@media screen and (orientation: landscape) {
  .toolbar-ios {
    padding-left: calc(constant(safe-area-inset-left) + 4px);
    padding-right: calc(constant(safe-area-inset-right) + 4px);
    padding-left: calc(env(safe-area-inset-left) + 4px);
    padding-right: calc(env(safe-area-inset-right) + 4px);
  }
}

.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 1px;
}

.footer-ios .toolbar-ios:first-child .toolbar-background-ios {
  border-width: 1px 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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  min-width: 0;
}

.toolbar-title-ios {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 600;
  color: #000;
  pointer-events: auto;
}

.toolbar-ios ion-title {
  left: 0;
  top: 0;
  padding: 0 90px 1px;
  position: absolute;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  pointer-events: none;
}

.bar-buttons-ios {
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-ios[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-buttons-ios[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-ios[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-ios {
  padding: 0 4px;
  border-radius: 4px;
  height: 32px;
  border: 0;
  font-size: 1.7rem;
}

.bar-button-outline-ios {
  border-width: 1px;
  border-style: solid;
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.bar-button-outline-ios:hover:not(.disable-hover) {
  opacity: .4;
}

.bar-button-outline-ios.activated {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-ios {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-ios:hover:not(.disable-hover) {
  color: #fff;
  opacity: .4;
}

.bar-button-solid-ios.activated {
  color: #fff;
  background-color: #2f2e34;
  opacity: .4;
}

.bar-button-ios.bar-button-icon-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-ios.bar-button-icon-end ion-icon {
  padding-left: 0.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 0.1em;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-ios {
  margin: 0;
  z-index: 99;
  overflow: visible;
  -webkit-box-ordinal-group: 1;
  -webkit-order: 0;
  -ms-flex-order: 0;
  order: 0;
  min-height: 3.2rem;
  line-height: 1;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.back-button-icon-ios {
  margin: -1px 0 0;
  display: inherit;
  min-width: 18px;
  font-size: 3.4rem;
}

.back-button-text-ios {
  letter-spacing: -.01em;
}

.bar-button-menutoggle-ios {
  margin: 0 6px;
  padding: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  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-box-ordinal-group: 8;
  -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: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
}

.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: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-primary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-primary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.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: #fa8c16;
  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: #fa8c16;
}

.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: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-primary .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-primary .bar-button-twitter-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-primary .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-primary .bar-button-twitter-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-primary .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-primary .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-primary .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.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: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-primary .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-primary .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-primary .bar-button-sandy-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-primary .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-primary .bar-button-sandy-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-primary .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-primary .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-primary .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-primary .bar-button-purple-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-purple,
.toolbar-ios-primary .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-primary .bar-button-purple-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-primary .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-primary .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-primary .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-primary .bar-button-base-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-base,
.toolbar-ios-primary .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-primary .bar-button-base-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-primary .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-primary .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-primary .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-primary .bar-button-headerBg-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-primary .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-primary .bar-button-headerBg-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-primary .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-primary .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-primary .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-primary .bar-button-borderColor-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-primary .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-primary .bar-button-borderColor-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-primary .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-primary .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-primary .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-primary .bar-button-backgroundColor-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-primary .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-primary .bar-button-backgroundColor-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-primary .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-primary .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-primary .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-primary .bar-button-bluegrey-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-primary .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-primary .bar-button-bluegrey-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-primary .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-primary .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-primary .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-primary .bar-button-darkorange-ios,
.toolbar-ios-primary .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-primary .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-primary .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-primary .bar-button-darkorange-ios.activated,
.toolbar-ios-primary .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-primary .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-primary .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-primary .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-primary .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-primary .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-primary-ios,
.bar-button-default.bar-button-ios-primary,
.bar-button-clear-ios-primary {
  color: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-secondary .toolbar-background-ios {
  background: #fa8c16;
}

.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: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-secondary .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.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: #fa8c16;
  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: #fa8c16;
}

.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: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-secondary .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-secondary .bar-button-twitter-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-secondary .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-secondary .bar-button-twitter-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-secondary .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-secondary .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-secondary .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.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: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-secondary .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-secondary .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-secondary .bar-button-sandy-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-secondary .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-secondary .bar-button-sandy-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-secondary .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-secondary .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-secondary .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-secondary .bar-button-purple-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-purple,
.toolbar-ios-secondary .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-secondary .bar-button-purple-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-secondary .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-secondary .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-secondary .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-secondary .bar-button-base-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-base,
.toolbar-ios-secondary .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-secondary .bar-button-base-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-secondary .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-secondary .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-secondary .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-secondary .bar-button-headerBg-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-secondary .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-secondary .bar-button-headerBg-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-secondary .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-secondary .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-secondary .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-secondary .bar-button-borderColor-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-secondary .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-secondary .bar-button-borderColor-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-secondary .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-secondary .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-secondary .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-secondary .bar-button-backgroundColor-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-secondary .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-secondary .bar-button-backgroundColor-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-secondary .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-secondary .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-secondary .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-secondary .bar-button-bluegrey-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-secondary .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-secondary .bar-button-bluegrey-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-secondary .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-secondary .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-secondary .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-secondary .bar-button-darkorange-ios,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-secondary .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-secondary .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-secondary .bar-button-darkorange-ios.activated,
.toolbar-ios-secondary .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-secondary .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-secondary .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-secondary .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-secondary .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-secondary .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-secondary-ios,
.bar-button-default.bar-button-ios-secondary,
.bar-button-clear-ios-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.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: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-twitter .toolbar-background-ios {
  background: #55acee;
}

.toolbar-ios-twitter .toolbar-title-ios,
.toolbar-ios-twitter .bar-button-clear-ios,
.toolbar-ios-twitter .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-twitter .bar-button-primary-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-primary,
.toolbar-ios-twitter .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-twitter .bar-button-primary-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-twitter .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-twitter .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-twitter .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-twitter .bar-button-secondary-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-twitter .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-twitter .bar-button-secondary-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-twitter .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-twitter .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-twitter .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-twitter .bar-button-twitter-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-twitter .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-twitter .bar-button-twitter-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-twitter .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-twitter .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-twitter .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-twitter .bar-button-danger-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-danger,
.toolbar-ios-twitter .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-twitter .bar-button-danger-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-twitter .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-twitter .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-twitter .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-twitter .bar-button-light-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-light,
.toolbar-ios-twitter .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-twitter .bar-button-light-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-twitter .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-twitter .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-twitter .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-twitter .bar-button-sandy-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-twitter .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-twitter .bar-button-sandy-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-twitter .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-twitter .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-twitter .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-twitter .bar-button-purple-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-purple,
.toolbar-ios-twitter .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-twitter .bar-button-purple-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-twitter .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-twitter .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-twitter .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-twitter .bar-button-base-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-base,
.toolbar-ios-twitter .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-twitter .bar-button-base-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-twitter .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-twitter .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-twitter .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-twitter .bar-button-headerBg-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-twitter .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-twitter .bar-button-headerBg-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-twitter .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-twitter .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-twitter .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-twitter .bar-button-borderColor-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-twitter .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-twitter .bar-button-borderColor-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-twitter .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-twitter .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-twitter .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-twitter .bar-button-backgroundColor-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-twitter .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-twitter .bar-button-backgroundColor-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-twitter .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-twitter .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-twitter .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-twitter .bar-button-bluegrey-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-twitter .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-twitter .bar-button-bluegrey-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-twitter .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-twitter .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-twitter .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-twitter .bar-button-darkorange-ios,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-twitter .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-twitter .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-twitter .bar-button-darkorange-ios.activated,
.toolbar-ios-twitter .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-twitter .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-twitter .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-twitter .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-twitter .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-twitter .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-twitter-ios,
.bar-button-default.bar-button-ios-twitter,
.bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.bar-button-twitter-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.bar-button-twitter-ios.activated,
.bar-button-default.bar-button-ios-twitter.activated,
.bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-danger .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-danger .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.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: #fa8c16;
  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: #fa8c16;
}

.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: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-danger .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-danger .bar-button-twitter-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-danger .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-danger .bar-button-twitter-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-danger .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-danger .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-danger .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.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: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-danger .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-danger .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-danger .bar-button-sandy-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-danger .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-danger .bar-button-sandy-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-danger .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-danger .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-danger .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-danger .bar-button-purple-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-purple,
.toolbar-ios-danger .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-danger .bar-button-purple-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-danger .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-danger .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-danger .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-danger .bar-button-base-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-base,
.toolbar-ios-danger .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-danger .bar-button-base-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-danger .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-danger .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-danger .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-danger .bar-button-headerBg-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-danger .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-danger .bar-button-headerBg-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-danger .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-danger .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-danger .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-danger .bar-button-borderColor-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-danger .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-danger .bar-button-borderColor-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-danger .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-danger .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-danger .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-danger .bar-button-backgroundColor-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-danger .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-danger .bar-button-backgroundColor-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-danger .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-danger .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-danger .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-danger .bar-button-bluegrey-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-danger .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-danger .bar-button-bluegrey-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-danger .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-danger .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-danger .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-danger .bar-button-darkorange-ios,
.toolbar-ios-danger .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-danger .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-danger .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-danger .bar-button-darkorange-ios.activated,
.toolbar-ios-danger .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-danger .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-danger .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-danger .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-danger .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-danger .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.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: #d4cdec;
}

.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: #1d1c22;
  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: #1d1c22;
}

.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: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-light .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-light .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.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: #fa8c16;
  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: #fa8c16;
}

.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: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-light .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-light .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-light .bar-button-twitter-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-light .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-light .bar-button-twitter-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-light .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-light .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-light .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.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: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-light .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-light .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-light .bar-button-sandy-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-light .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-light .bar-button-sandy-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-light .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-light .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-light .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-light .bar-button-purple-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-purple,
.toolbar-ios-light .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-light .bar-button-purple-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-light .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-light .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-light .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-light .bar-button-base-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-base,
.toolbar-ios-light .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-light .bar-button-base-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-light .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-light .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-light .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-light .bar-button-headerBg-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-light .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-light .bar-button-headerBg-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-light .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-light .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-light .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-light .bar-button-borderColor-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-light .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-light .bar-button-borderColor-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-light .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-light .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-light .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-light .bar-button-backgroundColor-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-light .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-light .bar-button-backgroundColor-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-light .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-light .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-light .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-light .bar-button-bluegrey-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-light .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-light .bar-button-bluegrey-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-light .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-light .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-light .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-light .bar-button-darkorange-ios,
.toolbar-ios-light .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-light .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-light .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-light .bar-button-darkorange-ios.activated,
.toolbar-ios-light .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-light .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-light .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-light .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-light .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-light .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-light-ios,
.bar-button-default.bar-button-ios-light,
.bar-button-clear-ios-light {
  color: #d4cdec;
  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: #d4cdec;
}

.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: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-sandy .toolbar-background-ios {
  background: #e49f68;
}

.toolbar-ios-sandy .toolbar-title-ios,
.toolbar-ios-sandy .bar-button-clear-ios,
.toolbar-ios-sandy .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-sandy .bar-button-primary-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-primary,
.toolbar-ios-sandy .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-sandy .bar-button-primary-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-sandy .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-sandy .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-sandy .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-sandy .bar-button-secondary-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-sandy .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-sandy .bar-button-secondary-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-sandy .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-sandy .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-sandy .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-sandy .bar-button-twitter-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-sandy .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-sandy .bar-button-twitter-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-sandy .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-sandy .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-sandy .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-sandy .bar-button-danger-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-danger,
.toolbar-ios-sandy .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-sandy .bar-button-danger-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-sandy .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-sandy .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-sandy .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-sandy .bar-button-light-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-light,
.toolbar-ios-sandy .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-sandy .bar-button-light-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-sandy .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-sandy .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-sandy .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-sandy .bar-button-sandy-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-sandy .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-sandy .bar-button-sandy-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-sandy .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-sandy .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-sandy .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-sandy .bar-button-purple-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-purple,
.toolbar-ios-sandy .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-sandy .bar-button-purple-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-sandy .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-sandy .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-sandy .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-sandy .bar-button-base-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-base,
.toolbar-ios-sandy .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-sandy .bar-button-base-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-sandy .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-sandy .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-sandy .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-sandy .bar-button-headerBg-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-sandy .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-sandy .bar-button-headerBg-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-sandy .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-sandy .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-sandy .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-sandy .bar-button-borderColor-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-sandy .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-sandy .bar-button-borderColor-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-sandy .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-sandy .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-sandy .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-sandy .bar-button-backgroundColor-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-sandy .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-sandy .bar-button-backgroundColor-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-sandy .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-sandy .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-sandy .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-sandy .bar-button-bluegrey-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-sandy .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-sandy .bar-button-bluegrey-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-sandy .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-sandy .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-sandy .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-sandy .bar-button-darkorange-ios,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-sandy .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-sandy .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-sandy .bar-button-darkorange-ios.activated,
.toolbar-ios-sandy .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-sandy .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-sandy .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-sandy .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-sandy .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-sandy .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-sandy-ios,
.bar-button-default.bar-button-ios-sandy,
.bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.bar-button-sandy-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.bar-button-sandy-ios.activated,
.bar-button-default.bar-button-ios-sandy.activated,
.bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-purple .toolbar-background-ios {
  background: #685a92;
}

.toolbar-ios-purple .toolbar-title-ios,
.toolbar-ios-purple .bar-button-clear-ios,
.toolbar-ios-purple .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-purple .bar-button-primary-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-primary,
.toolbar-ios-purple .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-purple .bar-button-primary-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-purple .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-purple .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-purple .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-purple .bar-button-secondary-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-purple .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-purple .bar-button-secondary-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-purple .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-purple .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-purple .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-purple .bar-button-twitter-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-purple .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-purple .bar-button-twitter-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-purple .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-purple .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-purple .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-purple .bar-button-danger-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-danger,
.toolbar-ios-purple .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-purple .bar-button-danger-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-purple .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-purple .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-purple .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-purple .bar-button-light-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-light,
.toolbar-ios-purple .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-purple .bar-button-light-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-purple .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-purple .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-purple .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-purple .bar-button-sandy-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-purple .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-purple .bar-button-sandy-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-purple .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-purple .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-purple .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-purple .bar-button-purple-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-purple,
.toolbar-ios-purple .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-purple .bar-button-purple-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-purple .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-purple .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-purple .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-purple .bar-button-base-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-base,
.toolbar-ios-purple .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-purple .bar-button-base-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-purple .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-purple .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-purple .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-purple .bar-button-headerBg-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-purple .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-purple .bar-button-headerBg-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-purple .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-purple .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-purple .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-purple .bar-button-borderColor-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-purple .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-purple .bar-button-borderColor-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-purple .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-purple .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-purple .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-purple .bar-button-backgroundColor-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-purple .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-purple .bar-button-backgroundColor-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-purple .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-purple .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-purple .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-purple .bar-button-bluegrey-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-purple .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-purple .bar-button-bluegrey-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-purple .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-purple .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-purple .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-purple .bar-button-darkorange-ios,
.toolbar-ios-purple .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-purple .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-purple .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-purple .bar-button-darkorange-ios.activated,
.toolbar-ios-purple .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-purple .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-purple .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-purple .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-purple .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-purple .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-purple-ios,
.bar-button-default.bar-button-ios-purple,
.bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.bar-button-purple-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.bar-button-purple-ios.activated,
.bar-button-default.bar-button-ios-purple.activated,
.bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-base .toolbar-background-ios {
  background: #ffffff;
}

.toolbar-ios-base .toolbar-title-ios,
.toolbar-ios-base .bar-button-clear-ios,
.toolbar-ios-base .bar-button-default-ios {
  color: #000;
}

.toolbar-ios-base .bar-button-primary-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-primary,
.toolbar-ios-base .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-base .bar-button-primary-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-base .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-base .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-base .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-base .bar-button-secondary-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-base .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-base .bar-button-secondary-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-base .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-base .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-base .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-base .bar-button-twitter-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-base .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-base .bar-button-twitter-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-base .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-base .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-base .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-base .bar-button-danger-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-danger,
.toolbar-ios-base .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-base .bar-button-danger-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-base .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-base .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-base .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-base .bar-button-light-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-light,
.toolbar-ios-base .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-base .bar-button-light-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-base .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-base .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-base .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-base .bar-button-sandy-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-base .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-base .bar-button-sandy-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-base .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-base .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-base .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-base .bar-button-purple-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-purple,
.toolbar-ios-base .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-base .bar-button-purple-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-base .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-base .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-base .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-base .bar-button-base-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-base,
.toolbar-ios-base .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-base .bar-button-base-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-base .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-base .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-base .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-base .bar-button-headerBg-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-base .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-base .bar-button-headerBg-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-base .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-base .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-base .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-base .bar-button-borderColor-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-base .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-base .bar-button-borderColor-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-base .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-base .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-base .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-base .bar-button-backgroundColor-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-base .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-base .bar-button-backgroundColor-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-base .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-base .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-base .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-base .bar-button-bluegrey-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-base .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-base .bar-button-bluegrey-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-base .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-base .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-base .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-base .bar-button-darkorange-ios,
.toolbar-ios-base .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-base .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-base .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-base .bar-button-darkorange-ios.activated,
.toolbar-ios-base .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-base .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-base .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-base .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-base .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-base .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-base-ios,
.bar-button-default.bar-button-ios-base,
.bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-base-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-base-ios.activated,
.bar-button-default.bar-button-ios-base.activated,
.bar-button-clear-ios-base.activated {
  opacity: .4;
}

.bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-headerBg .toolbar-background-ios {
  background: #2d2940;
}

.toolbar-ios-headerBg .toolbar-title-ios,
.toolbar-ios-headerBg .bar-button-clear-ios,
.toolbar-ios-headerBg .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-headerBg .bar-button-primary-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-primary,
.toolbar-ios-headerBg .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-headerBg .bar-button-primary-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-headerBg .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-headerBg .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-headerBg .bar-button-secondary-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-headerBg .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-headerBg .bar-button-secondary-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-headerBg .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-headerBg .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-headerBg .bar-button-twitter-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-headerBg .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-headerBg .bar-button-twitter-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-headerBg .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-headerBg .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-headerBg .bar-button-danger-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-danger,
.toolbar-ios-headerBg .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-headerBg .bar-button-danger-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-headerBg .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-headerBg .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-headerBg .bar-button-light-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-light,
.toolbar-ios-headerBg .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-headerBg .bar-button-light-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-headerBg .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-headerBg .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-headerBg .bar-button-sandy-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-headerBg .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-headerBg .bar-button-sandy-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-headerBg .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-headerBg .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-headerBg .bar-button-purple-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-purple,
.toolbar-ios-headerBg .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-headerBg .bar-button-purple-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-headerBg .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-headerBg .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-headerBg .bar-button-base-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-base,
.toolbar-ios-headerBg .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-headerBg .bar-button-base-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-headerBg .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-headerBg .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-headerBg .bar-button-headerBg-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-headerBg .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-headerBg .bar-button-headerBg-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-headerBg .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-headerBg .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-headerBg .bar-button-borderColor-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-headerBg .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-headerBg .bar-button-borderColor-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-headerBg .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-headerBg .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-headerBg .bar-button-backgroundColor-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-headerBg .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-headerBg .bar-button-backgroundColor-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-headerBg .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-headerBg .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-headerBg .bar-button-bluegrey-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-headerBg .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-headerBg .bar-button-bluegrey-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-headerBg .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-headerBg .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-headerBg .bar-button-darkorange-ios,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-headerBg .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-headerBg .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-headerBg .bar-button-darkorange-ios.activated,
.toolbar-ios-headerBg .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-headerBg .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-headerBg .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-headerBg .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-headerBg .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-headerBg .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-headerBg-ios,
.bar-button-default.bar-button-ios-headerBg,
.bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.bar-button-headerBg-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.bar-button-headerBg-ios.activated,
.bar-button-default.bar-button-ios-headerBg.activated,
.bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-borderColor .toolbar-background-ios {
  background: #37314b;
}

.toolbar-ios-borderColor .toolbar-title-ios,
.toolbar-ios-borderColor .bar-button-clear-ios,
.toolbar-ios-borderColor .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-borderColor .bar-button-primary-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-primary,
.toolbar-ios-borderColor .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-borderColor .bar-button-primary-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-borderColor .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-borderColor .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-borderColor .bar-button-secondary-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-borderColor .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-borderColor .bar-button-secondary-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-borderColor .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-borderColor .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-borderColor .bar-button-twitter-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-borderColor .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-borderColor .bar-button-twitter-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-borderColor .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-borderColor .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-borderColor .bar-button-danger-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-danger,
.toolbar-ios-borderColor .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-borderColor .bar-button-danger-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-borderColor .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-borderColor .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-borderColor .bar-button-light-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-light,
.toolbar-ios-borderColor .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-borderColor .bar-button-light-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-borderColor .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-borderColor .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-borderColor .bar-button-sandy-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-borderColor .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-borderColor .bar-button-sandy-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-borderColor .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-borderColor .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-borderColor .bar-button-purple-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-purple,
.toolbar-ios-borderColor .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-borderColor .bar-button-purple-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-borderColor .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-borderColor .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-borderColor .bar-button-base-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-base,
.toolbar-ios-borderColor .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-borderColor .bar-button-base-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-borderColor .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-borderColor .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-borderColor .bar-button-headerBg-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-borderColor .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-borderColor .bar-button-headerBg-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-borderColor .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-borderColor .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-borderColor .bar-button-borderColor-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-borderColor .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-borderColor .bar-button-borderColor-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-borderColor .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-borderColor .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-borderColor .bar-button-backgroundColor-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-borderColor .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-borderColor .bar-button-backgroundColor-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-borderColor .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-borderColor .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-borderColor .bar-button-bluegrey-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-borderColor .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-borderColor .bar-button-bluegrey-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-borderColor .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-borderColor .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-borderColor .bar-button-darkorange-ios,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-borderColor .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-borderColor .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-borderColor .bar-button-darkorange-ios.activated,
.toolbar-ios-borderColor .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-borderColor .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-borderColor .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-borderColor .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-borderColor .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-borderColor .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-borderColor-ios,
.bar-button-default.bar-button-ios-borderColor,
.bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.bar-button-borderColor-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.bar-button-borderColor-ios.activated,
.bar-button-default.bar-button-ios-borderColor.activated,
.bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-backgroundColor .toolbar-background-ios {
  background: #1d1c22;
}

.toolbar-ios-backgroundColor .toolbar-title-ios,
.toolbar-ios-backgroundColor .bar-button-clear-ios,
.toolbar-ios-backgroundColor .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-backgroundColor .bar-button-primary-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-primary,
.toolbar-ios-backgroundColor .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-backgroundColor .bar-button-primary-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-backgroundColor .bar-button-secondary-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-backgroundColor .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-backgroundColor .bar-button-secondary-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-backgroundColor .bar-button-twitter-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-backgroundColor .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-backgroundColor .bar-button-twitter-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-backgroundColor .bar-button-danger-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-danger,
.toolbar-ios-backgroundColor .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-backgroundColor .bar-button-danger-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-backgroundColor .bar-button-light-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-light,
.toolbar-ios-backgroundColor .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-backgroundColor .bar-button-light-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-backgroundColor .bar-button-sandy-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-backgroundColor .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-backgroundColor .bar-button-sandy-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-backgroundColor .bar-button-purple-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-purple,
.toolbar-ios-backgroundColor .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-backgroundColor .bar-button-purple-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-backgroundColor .bar-button-base-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-base,
.toolbar-ios-backgroundColor .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-backgroundColor .bar-button-base-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-backgroundColor .bar-button-headerBg-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-backgroundColor .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-backgroundColor .bar-button-headerBg-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-backgroundColor .bar-button-borderColor-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-backgroundColor .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-backgroundColor .bar-button-borderColor-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-backgroundColor .bar-button-backgroundColor-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-backgroundColor .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-backgroundColor .bar-button-backgroundColor-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-backgroundColor .bar-button-bluegrey-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-backgroundColor .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-backgroundColor .bar-button-bluegrey-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-backgroundColor .bar-button-darkorange-ios,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-backgroundColor .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-backgroundColor .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-backgroundColor .bar-button-darkorange-ios.activated,
.toolbar-ios-backgroundColor .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-backgroundColor .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-backgroundColor .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-backgroundColor .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-backgroundColor-ios,
.bar-button-default.bar-button-ios-backgroundColor,
.bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.bar-button-backgroundColor-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.bar-button-backgroundColor-ios.activated,
.bar-button-default.bar-button-ios-backgroundColor.activated,
.bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-bluegrey .toolbar-background-ios {
  background: #1a7d9d;
}

.toolbar-ios-bluegrey .toolbar-title-ios,
.toolbar-ios-bluegrey .bar-button-clear-ios,
.toolbar-ios-bluegrey .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-bluegrey .bar-button-primary-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-primary,
.toolbar-ios-bluegrey .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-bluegrey .bar-button-primary-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-bluegrey .bar-button-secondary-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-bluegrey .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-bluegrey .bar-button-secondary-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-bluegrey .bar-button-twitter-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-bluegrey .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-bluegrey .bar-button-twitter-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-bluegrey .bar-button-danger-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-danger,
.toolbar-ios-bluegrey .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-bluegrey .bar-button-danger-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-bluegrey .bar-button-light-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-light,
.toolbar-ios-bluegrey .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-bluegrey .bar-button-light-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-bluegrey .bar-button-sandy-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-bluegrey .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-bluegrey .bar-button-sandy-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-bluegrey .bar-button-purple-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-purple,
.toolbar-ios-bluegrey .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-bluegrey .bar-button-purple-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-bluegrey .bar-button-base-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-base,
.toolbar-ios-bluegrey .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-bluegrey .bar-button-base-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-bluegrey .bar-button-headerBg-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-bluegrey .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-bluegrey .bar-button-headerBg-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-bluegrey .bar-button-borderColor-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-bluegrey .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-bluegrey .bar-button-borderColor-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-bluegrey .bar-button-backgroundColor-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-bluegrey .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-bluegrey .bar-button-backgroundColor-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-bluegrey .bar-button-bluegrey-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-bluegrey .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-bluegrey .bar-button-bluegrey-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-bluegrey .bar-button-darkorange-ios,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-bluegrey .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-bluegrey .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-bluegrey .bar-button-darkorange-ios.activated,
.toolbar-ios-bluegrey .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-bluegrey .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-bluegrey .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-bluegrey .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-bluegrey-ios,
.bar-button-default.bar-button-ios-bluegrey,
.bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.bar-button-bluegrey-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.bar-button-bluegrey-ios.activated,
.bar-button-default.bar-button-ios-bluegrey.activated,
.bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-darkorange .toolbar-background-ios {
  background: #bd871e;
}

.toolbar-ios-darkorange .toolbar-title-ios,
.toolbar-ios-darkorange .bar-button-clear-ios,
.toolbar-ios-darkorange .bar-button-default-ios {
  color: #fff;
}

.toolbar-ios-darkorange .bar-button-primary-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-primary,
.toolbar-ios-darkorange .bar-button-clear-ios-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-primary-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-primary:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-darkorange .bar-button-primary-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-primary.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-primary.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-primary {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-primary.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-darkorange .bar-button-solid-ios-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-darkorange .bar-button-solid-ios-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-darkorange .bar-button-secondary-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-secondary,
.toolbar-ios-darkorange .bar-button-clear-ios-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-secondary-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-secondary:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-ios-darkorange .bar-button-secondary-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-secondary.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-secondary.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-secondary {
  border-color: #fa8c16;
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-secondary.activated {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-darkorange .bar-button-solid-ios-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-ios-darkorange .bar-button-solid-ios-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-ios-darkorange .bar-button-twitter-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-twitter,
.toolbar-ios-darkorange .bar-button-clear-ios-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-twitter-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-twitter:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-ios-darkorange .bar-button-twitter-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-twitter.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-twitter.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-twitter {
  border-color: #55acee;
  color: #55acee;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-twitter.activated {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-darkorange .bar-button-solid-ios-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-ios-darkorange .bar-button-solid-ios-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-ios-darkorange .bar-button-danger-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-danger,
.toolbar-ios-darkorange .bar-button-clear-ios-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-danger-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-danger:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-ios-darkorange .bar-button-danger-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-danger.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-danger.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-danger {
  border-color: #f53d3d;
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-danger.activated {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-darkorange .bar-button-solid-ios-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-ios-darkorange .bar-button-solid-ios-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-ios-darkorange .bar-button-light-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-light,
.toolbar-ios-darkorange .bar-button-clear-ios-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-light-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-light:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-ios-darkorange .bar-button-light-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-light.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-light.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-light {
  border-color: #d4cdec;
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-light.activated {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-darkorange .bar-button-solid-ios-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-ios-darkorange .bar-button-solid-ios-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-ios-darkorange .bar-button-sandy-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-sandy,
.toolbar-ios-darkorange .bar-button-clear-ios-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-sandy-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-sandy:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-ios-darkorange .bar-button-sandy-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-sandy.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-sandy.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-sandy {
  border-color: #e49f68;
  color: #e49f68;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-sandy.activated {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-darkorange .bar-button-solid-ios-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-ios-darkorange .bar-button-solid-ios-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-ios-darkorange .bar-button-purple-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-purple,
.toolbar-ios-darkorange .bar-button-clear-ios-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-purple-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-purple:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-ios-darkorange .bar-button-purple-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-purple.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-purple.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-purple {
  border-color: #685a92;
  color: #685a92;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-purple.activated {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-darkorange .bar-button-solid-ios-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-ios-darkorange .bar-button-solid-ios-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-ios-darkorange .bar-button-base-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-base,
.toolbar-ios-darkorange .bar-button-clear-ios-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-base-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-base:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-ios-darkorange .bar-button-base-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-base.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-base.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-base {
  border-color: #ffffff;
  color: #ffffff;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-base.activated {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-darkorange .bar-button-solid-ios-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-ios-darkorange .bar-button-solid-ios-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-ios-darkorange .bar-button-headerBg-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-headerBg,
.toolbar-ios-darkorange .bar-button-clear-ios-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-headerBg-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-headerBg:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-ios-darkorange .bar-button-headerBg-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-headerBg.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-headerBg.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-headerBg {
  border-color: #2d2940;
  color: #2d2940;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-headerBg.activated {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-darkorange .bar-button-solid-ios-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-ios-darkorange .bar-button-solid-ios-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-ios-darkorange .bar-button-borderColor-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-borderColor,
.toolbar-ios-darkorange .bar-button-clear-ios-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-borderColor-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-borderColor:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-ios-darkorange .bar-button-borderColor-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-borderColor.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-borderColor.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-borderColor {
  border-color: #37314b;
  color: #37314b;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-borderColor.activated {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-darkorange .bar-button-solid-ios-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-ios-darkorange .bar-button-solid-ios-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-ios-darkorange .bar-button-backgroundColor-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-backgroundColor,
.toolbar-ios-darkorange .bar-button-clear-ios-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-backgroundColor-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-backgroundColor:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-ios-darkorange .bar-button-backgroundColor-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-backgroundColor.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-backgroundColor.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-backgroundColor {
  border-color: #1d1c22;
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-backgroundColor.activated {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-darkorange .bar-button-solid-ios-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-ios-darkorange .bar-button-solid-ios-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-ios-darkorange .bar-button-bluegrey-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-bluegrey,
.toolbar-ios-darkorange .bar-button-clear-ios-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-bluegrey-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-bluegrey:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-ios-darkorange .bar-button-bluegrey-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-bluegrey.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-bluegrey.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-bluegrey {
  border-color: #1a7d9d;
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-bluegrey.activated {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-darkorange .bar-button-solid-ios-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-ios-darkorange .bar-button-solid-ios-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-ios-darkorange .bar-button-darkorange-ios,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-darkorange,
.toolbar-ios-darkorange .bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-darkorange-ios:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.toolbar-ios-darkorange .bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-ios-darkorange .bar-button-darkorange-ios.activated,
.toolbar-ios-darkorange .bar-button-default.bar-button-ios-darkorange.activated,
.toolbar-ios-darkorange .bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.toolbar-ios-darkorange .bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.toolbar-ios-darkorange .bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-darkorange .bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-ios-darkorange .bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-darkorange-ios,
.bar-button-default.bar-button-ios-darkorange,
.bar-button-clear-ios-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.bar-button-darkorange-ios:hover:not(.disable-hover),
.bar-button-default.bar-button-ios-darkorange:hover:not(.disable-hover),
.bar-button-clear-ios-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.bar-button-darkorange-ios.activated,
.bar-button-default.bar-button-ios-darkorange.activated,
.bar-button-clear-ios-darkorange.activated {
  opacity: .4;
}

.bar-button-outline-ios-darkorange {
  border-color: #bd871e;
  color: #bd871e;
  background-color: transparent;
}

.bar-button-outline-ios-darkorange.activated {
  color: #fff;
  background-color: #bd871e;
}

.bar-button-solid-ios-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.bar-button-solid-ios-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.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 {
  left: 0;
  bottom: -5px;
  background-position: left 0 top -2px;
  position: absolute;
  width: 100%;
  height: 5px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAHBAMAAADzDtBxAAAAD1BMVEUAAAAAAAAAAAAAAAAAAABPDueNAAAABXRSTlMUCS0gBIh/TXEAAAAaSURBVAjXYxCEAgY4UIICBmMogMsgFLtAAQCNSwXZKOdPxgAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  content: "";
}

.footer-md::before,
.tabs-md[tabsPlacement="bottom"] > .tabbar::before {
  top: -2px;
  bottom: auto;
  background-position: left 0 top 0;
  height: 2px;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -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-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-md[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-button-md:first-child {
  margin-left: 0;
}

.bar-buttons-md[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-md[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-md {
  margin: 0 0.2rem;
  padding: 0 5px;
  border-radius: 2px;
  height: 32px;
  border: 0;
  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-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-md.bar-button-icon-end ion-icon {
  padding-left: 0.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 0.1em;
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-md {
  margin: 0 6px;
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.back-button-icon-md {
  margin: 0;
  padding: 0 6px;
  text-align: left;
  text-align: start;
  font-size: 2.4rem;
  font-weight: normal;
}

.bar-button-menutoggle-md {
  margin: 0 6px;
  padding: 0 2px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  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] {
  margin: 0 2px;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  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: #1d1c22;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-md-primary .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  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: #2f2e34;
}

.toolbar-md-primary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-primary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-primary .bar-button-secondary-md,
.toolbar-md-primary .bar-button-clear-md-secondary,
.toolbar-md-primary .bar-button-md-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-md-primary .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  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: #e68114;
}

.toolbar-md-primary .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-primary .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-primary .bar-button-twitter-md,
.toolbar-md-primary .bar-button-clear-md-twitter,
.toolbar-md-primary .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-primary .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-primary .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-primary .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-md-primary .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  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: #c3bdd9;
}

.toolbar-md-primary .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-primary .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-primary .bar-button-sandy-md,
.toolbar-md-primary .bar-button-clear-md-sandy,
.toolbar-md-primary .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-primary .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-primary .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-primary .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-primary .bar-button-purple-md,
.toolbar-md-primary .bar-button-clear-md-purple,
.toolbar-md-primary .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-primary .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-primary .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-primary .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-primary .bar-button-base-md,
.toolbar-md-primary .bar-button-clear-md-base,
.toolbar-md-primary .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-primary .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-primary .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-primary .bar-button-headerBg-md,
.toolbar-md-primary .bar-button-clear-md-headerBg,
.toolbar-md-primary .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-primary .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-primary .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-primary .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-primary .bar-button-borderColor-md,
.toolbar-md-primary .bar-button-clear-md-borderColor,
.toolbar-md-primary .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-primary .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-primary .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-primary .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-primary .bar-button-backgroundColor-md,
.toolbar-md-primary .bar-button-clear-md-backgroundColor,
.toolbar-md-primary .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-primary .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-primary .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-primary .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-primary .bar-button-bluegrey-md,
.toolbar-md-primary .bar-button-clear-md-bluegrey,
.toolbar-md-primary .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-primary .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-primary .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-primary .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-primary .bar-button-darkorange-md,
.toolbar-md-primary .bar-button-clear-md-darkorange,
.toolbar-md-primary .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-primary .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-primary .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-primary .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-primary .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-primary .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-primary-md,
.bar-button-clear-md-primary,
.bar-button-md-primary {
  color: #1d1c22;
  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: #1d1c22;
}

.bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-secondary .toolbar-background-md {
  background: #fa8c16;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-md-secondary .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  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: #2f2e34;
}

.toolbar-md-secondary .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-secondary .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-secondary .bar-button-secondary-md,
.toolbar-md-secondary .bar-button-clear-md-secondary,
.toolbar-md-secondary .bar-button-md-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-md-secondary .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  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: #e68114;
}

.toolbar-md-secondary .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-secondary .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-secondary .bar-button-twitter-md,
.toolbar-md-secondary .bar-button-clear-md-twitter,
.toolbar-md-secondary .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-secondary .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-secondary .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-secondary .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-md-secondary .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  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: #c3bdd9;
}

.toolbar-md-secondary .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-secondary .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-secondary .bar-button-sandy-md,
.toolbar-md-secondary .bar-button-clear-md-sandy,
.toolbar-md-secondary .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-secondary .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-secondary .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-secondary .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-secondary .bar-button-purple-md,
.toolbar-md-secondary .bar-button-clear-md-purple,
.toolbar-md-secondary .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-secondary .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-secondary .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-secondary .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-secondary .bar-button-base-md,
.toolbar-md-secondary .bar-button-clear-md-base,
.toolbar-md-secondary .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-secondary .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-secondary .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-secondary .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-secondary .bar-button-headerBg-md,
.toolbar-md-secondary .bar-button-clear-md-headerBg,
.toolbar-md-secondary .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-secondary .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-secondary .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-secondary .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-secondary .bar-button-borderColor-md,
.toolbar-md-secondary .bar-button-clear-md-borderColor,
.toolbar-md-secondary .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-secondary .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-secondary .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-secondary .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-secondary .bar-button-backgroundColor-md,
.toolbar-md-secondary .bar-button-clear-md-backgroundColor,
.toolbar-md-secondary .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-secondary .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-secondary .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-secondary .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-secondary .bar-button-bluegrey-md,
.toolbar-md-secondary .bar-button-clear-md-bluegrey,
.toolbar-md-secondary .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-secondary .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-secondary .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-secondary .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-secondary .bar-button-darkorange-md,
.toolbar-md-secondary .bar-button-clear-md-darkorange,
.toolbar-md-secondary .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-secondary .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-secondary .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-secondary .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-secondary .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-secondary .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-secondary-md,
.bar-button-clear-md-secondary,
.bar-button-md-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-twitter .toolbar-background-md {
  background: #55acee;
}

.toolbar-md-twitter .bar-button-clear-md,
.toolbar-md-twitter .bar-button-default-md,
.toolbar-md-twitter .bar-button-outline-md,
.toolbar-md-twitter .toolbar-title-md {
  color: #fff;
}

.toolbar-md-twitter .bar-button-clear-md .button-effect,
.toolbar-md-twitter .bar-button-default-md .button-effect,
.toolbar-md-twitter .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-twitter .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-twitter .bar-button-primary-md,
.toolbar-md-twitter .bar-button-clear-md-primary,
.toolbar-md-twitter .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-twitter .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-twitter .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-twitter .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-twitter .bar-button-secondary-md,
.toolbar-md-twitter .bar-button-clear-md-secondary,
.toolbar-md-twitter .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-twitter .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-twitter .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-twitter .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-twitter .bar-button-twitter-md,
.toolbar-md-twitter .bar-button-clear-md-twitter,
.toolbar-md-twitter .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-twitter .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-twitter .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-twitter .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-twitter .bar-button-danger-md,
.toolbar-md-twitter .bar-button-clear-md-danger,
.toolbar-md-twitter .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-twitter .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-twitter .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-twitter .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-twitter .bar-button-light-md,
.toolbar-md-twitter .bar-button-clear-md-light,
.toolbar-md-twitter .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-twitter .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-twitter .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-twitter .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-twitter .bar-button-sandy-md,
.toolbar-md-twitter .bar-button-clear-md-sandy,
.toolbar-md-twitter .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-twitter .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-twitter .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-twitter .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-twitter .bar-button-purple-md,
.toolbar-md-twitter .bar-button-clear-md-purple,
.toolbar-md-twitter .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-twitter .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-twitter .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-twitter .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-twitter .bar-button-base-md,
.toolbar-md-twitter .bar-button-clear-md-base,
.toolbar-md-twitter .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-twitter .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-twitter .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-twitter .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-twitter .bar-button-headerBg-md,
.toolbar-md-twitter .bar-button-clear-md-headerBg,
.toolbar-md-twitter .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-twitter .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-twitter .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-twitter .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-twitter .bar-button-borderColor-md,
.toolbar-md-twitter .bar-button-clear-md-borderColor,
.toolbar-md-twitter .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-twitter .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-twitter .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-twitter .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-twitter .bar-button-backgroundColor-md,
.toolbar-md-twitter .bar-button-clear-md-backgroundColor,
.toolbar-md-twitter .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-twitter .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-twitter .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-twitter .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-twitter .bar-button-bluegrey-md,
.toolbar-md-twitter .bar-button-clear-md-bluegrey,
.toolbar-md-twitter .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-twitter .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-twitter .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-twitter .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-twitter .bar-button-darkorange-md,
.toolbar-md-twitter .bar-button-clear-md-darkorange,
.toolbar-md-twitter .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-twitter .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-twitter .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-twitter .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-twitter .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-twitter .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-twitter-md,
.bar-button-clear-md-twitter,
.bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.bar-button-twitter-md:hover:not(.disable-hover),
.bar-button-clear-md-twitter:hover:not(.disable-hover),
.bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-md-danger .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  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: #2f2e34;
}

.toolbar-md-danger .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-danger .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-danger .bar-button-secondary-md,
.toolbar-md-danger .bar-button-clear-md-secondary,
.toolbar-md-danger .bar-button-md-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-md-danger .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  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: #e68114;
}

.toolbar-md-danger .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-danger .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-danger .bar-button-twitter-md,
.toolbar-md-danger .bar-button-clear-md-twitter,
.toolbar-md-danger .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-danger .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-danger .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-danger .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-md-danger .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  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: #c3bdd9;
}

.toolbar-md-danger .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-danger .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-danger .bar-button-sandy-md,
.toolbar-md-danger .bar-button-clear-md-sandy,
.toolbar-md-danger .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-danger .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-danger .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-danger .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-danger .bar-button-purple-md,
.toolbar-md-danger .bar-button-clear-md-purple,
.toolbar-md-danger .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-danger .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-danger .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-danger .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-danger .bar-button-base-md,
.toolbar-md-danger .bar-button-clear-md-base,
.toolbar-md-danger .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-danger .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-danger .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-danger .bar-button-headerBg-md,
.toolbar-md-danger .bar-button-clear-md-headerBg,
.toolbar-md-danger .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-danger .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-danger .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-danger .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-danger .bar-button-borderColor-md,
.toolbar-md-danger .bar-button-clear-md-borderColor,
.toolbar-md-danger .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-danger .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-danger .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-danger .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-danger .bar-button-backgroundColor-md,
.toolbar-md-danger .bar-button-clear-md-backgroundColor,
.toolbar-md-danger .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-danger .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-danger .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-danger .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-danger .bar-button-bluegrey-md,
.toolbar-md-danger .bar-button-clear-md-bluegrey,
.toolbar-md-danger .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-danger .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-danger .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-danger .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-danger .bar-button-darkorange-md,
.toolbar-md-danger .bar-button-clear-md-darkorange,
.toolbar-md-danger .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-danger .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-danger .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-danger .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-danger .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-danger .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.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: #d4cdec;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-md-light .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  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: #2f2e34;
}

.toolbar-md-light .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-light .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-light .bar-button-secondary-md,
.toolbar-md-light .bar-button-clear-md-secondary,
.toolbar-md-light .bar-button-md-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-md-light .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  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: #e68114;
}

.toolbar-md-light .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-light .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-light .bar-button-twitter-md,
.toolbar-md-light .bar-button-clear-md-twitter,
.toolbar-md-light .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-light .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-light .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-light .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-light .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-md-light .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  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: #c3bdd9;
}

.toolbar-md-light .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-light .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-light .bar-button-sandy-md,
.toolbar-md-light .bar-button-clear-md-sandy,
.toolbar-md-light .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-light .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-light .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-light .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-light .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-light .bar-button-purple-md,
.toolbar-md-light .bar-button-clear-md-purple,
.toolbar-md-light .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-light .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-light .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-light .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-light .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-light .bar-button-base-md,
.toolbar-md-light .bar-button-clear-md-base,
.toolbar-md-light .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-light .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-light .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-light .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-light .bar-button-headerBg-md,
.toolbar-md-light .bar-button-clear-md-headerBg,
.toolbar-md-light .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-light .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-light .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-light .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-light .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-light .bar-button-borderColor-md,
.toolbar-md-light .bar-button-clear-md-borderColor,
.toolbar-md-light .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-light .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-light .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-light .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-light .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-light .bar-button-backgroundColor-md,
.toolbar-md-light .bar-button-clear-md-backgroundColor,
.toolbar-md-light .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-light .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-light .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-light .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-light .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-light .bar-button-bluegrey-md,
.toolbar-md-light .bar-button-clear-md-bluegrey,
.toolbar-md-light .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-light .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-light .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-light .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-light .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-light .bar-button-darkorange-md,
.toolbar-md-light .bar-button-clear-md-darkorange,
.toolbar-md-light .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-light .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-light .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-light .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-light .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-light .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-light .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-light .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-light-md,
.bar-button-clear-md-light,
.bar-button-md-light {
  color: #d4cdec;
  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: #d4cdec;
}

.bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.bar-button-outline-md-light.activated {
  background-color: transparent;
}

.bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-sandy .toolbar-background-md {
  background: #e49f68;
}

.toolbar-md-sandy .bar-button-clear-md,
.toolbar-md-sandy .bar-button-default-md,
.toolbar-md-sandy .bar-button-outline-md,
.toolbar-md-sandy .toolbar-title-md {
  color: #fff;
}

.toolbar-md-sandy .bar-button-clear-md .button-effect,
.toolbar-md-sandy .bar-button-default-md .button-effect,
.toolbar-md-sandy .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-sandy .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-sandy .bar-button-primary-md,
.toolbar-md-sandy .bar-button-clear-md-primary,
.toolbar-md-sandy .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-sandy .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-sandy .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-sandy .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-sandy .bar-button-secondary-md,
.toolbar-md-sandy .bar-button-clear-md-secondary,
.toolbar-md-sandy .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-sandy .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-sandy .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-sandy .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-sandy .bar-button-twitter-md,
.toolbar-md-sandy .bar-button-clear-md-twitter,
.toolbar-md-sandy .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-sandy .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-sandy .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-sandy .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-sandy .bar-button-danger-md,
.toolbar-md-sandy .bar-button-clear-md-danger,
.toolbar-md-sandy .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-sandy .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-sandy .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-sandy .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-sandy .bar-button-light-md,
.toolbar-md-sandy .bar-button-clear-md-light,
.toolbar-md-sandy .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-sandy .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-sandy .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-sandy .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-sandy .bar-button-sandy-md,
.toolbar-md-sandy .bar-button-clear-md-sandy,
.toolbar-md-sandy .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-sandy .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-sandy .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-sandy .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-sandy .bar-button-purple-md,
.toolbar-md-sandy .bar-button-clear-md-purple,
.toolbar-md-sandy .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-sandy .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-sandy .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-sandy .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-sandy .bar-button-base-md,
.toolbar-md-sandy .bar-button-clear-md-base,
.toolbar-md-sandy .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-sandy .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-sandy .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-sandy .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-sandy .bar-button-headerBg-md,
.toolbar-md-sandy .bar-button-clear-md-headerBg,
.toolbar-md-sandy .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-sandy .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-sandy .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-sandy .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-sandy .bar-button-borderColor-md,
.toolbar-md-sandy .bar-button-clear-md-borderColor,
.toolbar-md-sandy .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-sandy .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-sandy .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-sandy .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-sandy .bar-button-backgroundColor-md,
.toolbar-md-sandy .bar-button-clear-md-backgroundColor,
.toolbar-md-sandy .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-sandy .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-sandy .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-sandy .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-sandy .bar-button-bluegrey-md,
.toolbar-md-sandy .bar-button-clear-md-bluegrey,
.toolbar-md-sandy .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-sandy .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-sandy .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-sandy .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-sandy .bar-button-darkorange-md,
.toolbar-md-sandy .bar-button-clear-md-darkorange,
.toolbar-md-sandy .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-sandy .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-sandy .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-sandy .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-sandy .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-sandy .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-sandy-md,
.bar-button-clear-md-sandy,
.bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.bar-button-sandy-md:hover:not(.disable-hover),
.bar-button-clear-md-sandy:hover:not(.disable-hover),
.bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-purple .toolbar-background-md {
  background: #685a92;
}

.toolbar-md-purple .bar-button-clear-md,
.toolbar-md-purple .bar-button-default-md,
.toolbar-md-purple .bar-button-outline-md,
.toolbar-md-purple .toolbar-title-md {
  color: #fff;
}

.toolbar-md-purple .bar-button-clear-md .button-effect,
.toolbar-md-purple .bar-button-default-md .button-effect,
.toolbar-md-purple .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-purple .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-purple .bar-button-primary-md,
.toolbar-md-purple .bar-button-clear-md-primary,
.toolbar-md-purple .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-purple .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-purple .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-purple .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-purple .bar-button-secondary-md,
.toolbar-md-purple .bar-button-clear-md-secondary,
.toolbar-md-purple .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-purple .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-purple .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-purple .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-purple .bar-button-twitter-md,
.toolbar-md-purple .bar-button-clear-md-twitter,
.toolbar-md-purple .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-purple .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-purple .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-purple .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-purple .bar-button-danger-md,
.toolbar-md-purple .bar-button-clear-md-danger,
.toolbar-md-purple .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-purple .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-purple .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-purple .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-purple .bar-button-light-md,
.toolbar-md-purple .bar-button-clear-md-light,
.toolbar-md-purple .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-purple .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-purple .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-purple .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-purple .bar-button-sandy-md,
.toolbar-md-purple .bar-button-clear-md-sandy,
.toolbar-md-purple .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-purple .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-purple .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-purple .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-purple .bar-button-purple-md,
.toolbar-md-purple .bar-button-clear-md-purple,
.toolbar-md-purple .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-purple .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-purple .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-purple .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-purple .bar-button-base-md,
.toolbar-md-purple .bar-button-clear-md-base,
.toolbar-md-purple .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-purple .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-purple .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-purple .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-purple .bar-button-headerBg-md,
.toolbar-md-purple .bar-button-clear-md-headerBg,
.toolbar-md-purple .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-purple .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-purple .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-purple .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-purple .bar-button-borderColor-md,
.toolbar-md-purple .bar-button-clear-md-borderColor,
.toolbar-md-purple .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-purple .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-purple .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-purple .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-purple .bar-button-backgroundColor-md,
.toolbar-md-purple .bar-button-clear-md-backgroundColor,
.toolbar-md-purple .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-purple .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-purple .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-purple .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-purple .bar-button-bluegrey-md,
.toolbar-md-purple .bar-button-clear-md-bluegrey,
.toolbar-md-purple .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-purple .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-purple .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-purple .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-purple .bar-button-darkorange-md,
.toolbar-md-purple .bar-button-clear-md-darkorange,
.toolbar-md-purple .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-purple .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-purple .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-purple .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-purple .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-purple .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-purple-md,
.bar-button-clear-md-purple,
.bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.bar-button-purple-md:hover:not(.disable-hover),
.bar-button-clear-md-purple:hover:not(.disable-hover),
.bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-base .toolbar-background-md {
  background: #ffffff;
}

.toolbar-md-base .bar-button-clear-md,
.toolbar-md-base .bar-button-default-md,
.toolbar-md-base .bar-button-outline-md,
.toolbar-md-base .toolbar-title-md {
  color: #424242;
}

.toolbar-md-base .bar-button-clear-md .button-effect,
.toolbar-md-base .bar-button-default-md .button-effect,
.toolbar-md-base .bar-button-outline-md .button-effect {
  background-color: #424242;
}

.toolbar-md-base .bar-button-outline-md {
  border-color: #424242;
}

.toolbar-md-base .bar-button-primary-md,
.toolbar-md-base .bar-button-clear-md-primary,
.toolbar-md-base .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-base .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-base .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-base .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-base .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-base .bar-button-secondary-md,
.toolbar-md-base .bar-button-clear-md-secondary,
.toolbar-md-base .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-base .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-base .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-base .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-base .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-base .bar-button-twitter-md,
.toolbar-md-base .bar-button-clear-md-twitter,
.toolbar-md-base .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-base .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-base .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-base .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-base .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-base .bar-button-danger-md,
.toolbar-md-base .bar-button-clear-md-danger,
.toolbar-md-base .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-base .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-base .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-base .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-base .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-base .bar-button-light-md,
.toolbar-md-base .bar-button-clear-md-light,
.toolbar-md-base .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-base .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-base .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-base .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-base .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-base .bar-button-sandy-md,
.toolbar-md-base .bar-button-clear-md-sandy,
.toolbar-md-base .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-base .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-base .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-base .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-base .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-base .bar-button-purple-md,
.toolbar-md-base .bar-button-clear-md-purple,
.toolbar-md-base .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-base .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-base .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-base .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-base .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-base .bar-button-base-md,
.toolbar-md-base .bar-button-clear-md-base,
.toolbar-md-base .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-base .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-base .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-base .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-base .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-base .bar-button-headerBg-md,
.toolbar-md-base .bar-button-clear-md-headerBg,
.toolbar-md-base .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-base .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-base .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-base .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-base .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-base .bar-button-borderColor-md,
.toolbar-md-base .bar-button-clear-md-borderColor,
.toolbar-md-base .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-base .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-base .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-base .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-base .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-base .bar-button-backgroundColor-md,
.toolbar-md-base .bar-button-clear-md-backgroundColor,
.toolbar-md-base .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-base .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-base .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-base .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-base .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-base .bar-button-bluegrey-md,
.toolbar-md-base .bar-button-clear-md-bluegrey,
.toolbar-md-base .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-base .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-base .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-base .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-base .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-base .bar-button-darkorange-md,
.toolbar-md-base .bar-button-clear-md-darkorange,
.toolbar-md-base .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-base .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-base .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-base .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-base .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-base .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-base .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-base .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-base-md,
.bar-button-clear-md-base,
.bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-base-md:hover:not(.disable-hover),
.bar-button-clear-md-base:hover:not(.disable-hover),
.bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-md-base.activated {
  background-color: transparent;
}

.bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-headerBg .toolbar-background-md {
  background: #2d2940;
}

.toolbar-md-headerBg .bar-button-clear-md,
.toolbar-md-headerBg .bar-button-default-md,
.toolbar-md-headerBg .bar-button-outline-md,
.toolbar-md-headerBg .toolbar-title-md {
  color: #fff;
}

.toolbar-md-headerBg .bar-button-clear-md .button-effect,
.toolbar-md-headerBg .bar-button-default-md .button-effect,
.toolbar-md-headerBg .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-headerBg .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-headerBg .bar-button-primary-md,
.toolbar-md-headerBg .bar-button-clear-md-primary,
.toolbar-md-headerBg .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-headerBg .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-headerBg .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-headerBg .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-headerBg .bar-button-secondary-md,
.toolbar-md-headerBg .bar-button-clear-md-secondary,
.toolbar-md-headerBg .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-headerBg .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-headerBg .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-headerBg .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-headerBg .bar-button-twitter-md,
.toolbar-md-headerBg .bar-button-clear-md-twitter,
.toolbar-md-headerBg .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-headerBg .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-headerBg .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-headerBg .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-headerBg .bar-button-danger-md,
.toolbar-md-headerBg .bar-button-clear-md-danger,
.toolbar-md-headerBg .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-headerBg .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-headerBg .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-headerBg .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-headerBg .bar-button-light-md,
.toolbar-md-headerBg .bar-button-clear-md-light,
.toolbar-md-headerBg .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-headerBg .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-headerBg .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-headerBg .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-headerBg .bar-button-sandy-md,
.toolbar-md-headerBg .bar-button-clear-md-sandy,
.toolbar-md-headerBg .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-headerBg .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-headerBg .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-headerBg .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-headerBg .bar-button-purple-md,
.toolbar-md-headerBg .bar-button-clear-md-purple,
.toolbar-md-headerBg .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-headerBg .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-headerBg .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-headerBg .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-headerBg .bar-button-base-md,
.toolbar-md-headerBg .bar-button-clear-md-base,
.toolbar-md-headerBg .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-headerBg .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-headerBg .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-headerBg .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-headerBg .bar-button-headerBg-md,
.toolbar-md-headerBg .bar-button-clear-md-headerBg,
.toolbar-md-headerBg .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-headerBg .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-headerBg .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-headerBg .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-headerBg .bar-button-borderColor-md,
.toolbar-md-headerBg .bar-button-clear-md-borderColor,
.toolbar-md-headerBg .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-headerBg .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-headerBg .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-headerBg .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-headerBg .bar-button-backgroundColor-md,
.toolbar-md-headerBg .bar-button-clear-md-backgroundColor,
.toolbar-md-headerBg .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-headerBg .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-headerBg .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-headerBg .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-headerBg .bar-button-bluegrey-md,
.toolbar-md-headerBg .bar-button-clear-md-bluegrey,
.toolbar-md-headerBg .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-headerBg .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-headerBg .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-headerBg .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-headerBg .bar-button-darkorange-md,
.toolbar-md-headerBg .bar-button-clear-md-darkorange,
.toolbar-md-headerBg .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-headerBg .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-headerBg .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-headerBg .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-headerBg .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-headerBg .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-headerBg-md,
.bar-button-clear-md-headerBg,
.bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.bar-button-headerBg-md:hover:not(.disable-hover),
.bar-button-clear-md-headerBg:hover:not(.disable-hover),
.bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-borderColor .toolbar-background-md {
  background: #37314b;
}

.toolbar-md-borderColor .bar-button-clear-md,
.toolbar-md-borderColor .bar-button-default-md,
.toolbar-md-borderColor .bar-button-outline-md,
.toolbar-md-borderColor .toolbar-title-md {
  color: #fff;
}

.toolbar-md-borderColor .bar-button-clear-md .button-effect,
.toolbar-md-borderColor .bar-button-default-md .button-effect,
.toolbar-md-borderColor .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-borderColor .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-borderColor .bar-button-primary-md,
.toolbar-md-borderColor .bar-button-clear-md-primary,
.toolbar-md-borderColor .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-borderColor .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-borderColor .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-borderColor .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-borderColor .bar-button-secondary-md,
.toolbar-md-borderColor .bar-button-clear-md-secondary,
.toolbar-md-borderColor .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-borderColor .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-borderColor .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-borderColor .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-borderColor .bar-button-twitter-md,
.toolbar-md-borderColor .bar-button-clear-md-twitter,
.toolbar-md-borderColor .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-borderColor .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-borderColor .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-borderColor .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-borderColor .bar-button-danger-md,
.toolbar-md-borderColor .bar-button-clear-md-danger,
.toolbar-md-borderColor .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-borderColor .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-borderColor .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-borderColor .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-borderColor .bar-button-light-md,
.toolbar-md-borderColor .bar-button-clear-md-light,
.toolbar-md-borderColor .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-borderColor .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-borderColor .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-borderColor .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-borderColor .bar-button-sandy-md,
.toolbar-md-borderColor .bar-button-clear-md-sandy,
.toolbar-md-borderColor .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-borderColor .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-borderColor .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-borderColor .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-borderColor .bar-button-purple-md,
.toolbar-md-borderColor .bar-button-clear-md-purple,
.toolbar-md-borderColor .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-borderColor .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-borderColor .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-borderColor .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-borderColor .bar-button-base-md,
.toolbar-md-borderColor .bar-button-clear-md-base,
.toolbar-md-borderColor .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-borderColor .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-borderColor .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-borderColor .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-borderColor .bar-button-headerBg-md,
.toolbar-md-borderColor .bar-button-clear-md-headerBg,
.toolbar-md-borderColor .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-borderColor .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-borderColor .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-borderColor .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-borderColor .bar-button-borderColor-md,
.toolbar-md-borderColor .bar-button-clear-md-borderColor,
.toolbar-md-borderColor .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-borderColor .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-borderColor .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-borderColor .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-borderColor .bar-button-backgroundColor-md,
.toolbar-md-borderColor .bar-button-clear-md-backgroundColor,
.toolbar-md-borderColor .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-borderColor .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-borderColor .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-borderColor .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-borderColor .bar-button-bluegrey-md,
.toolbar-md-borderColor .bar-button-clear-md-bluegrey,
.toolbar-md-borderColor .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-borderColor .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-borderColor .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-borderColor .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-borderColor .bar-button-darkorange-md,
.toolbar-md-borderColor .bar-button-clear-md-darkorange,
.toolbar-md-borderColor .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-borderColor .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-borderColor .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-borderColor .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-borderColor .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-borderColor .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-borderColor-md,
.bar-button-clear-md-borderColor,
.bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.bar-button-borderColor-md:hover:not(.disable-hover),
.bar-button-clear-md-borderColor:hover:not(.disable-hover),
.bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-backgroundColor .toolbar-background-md {
  background: #1d1c22;
}

.toolbar-md-backgroundColor .bar-button-clear-md,
.toolbar-md-backgroundColor .bar-button-default-md,
.toolbar-md-backgroundColor .bar-button-outline-md,
.toolbar-md-backgroundColor .toolbar-title-md {
  color: #fff;
}

.toolbar-md-backgroundColor .bar-button-clear-md .button-effect,
.toolbar-md-backgroundColor .bar-button-default-md .button-effect,
.toolbar-md-backgroundColor .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-backgroundColor .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-backgroundColor .bar-button-primary-md,
.toolbar-md-backgroundColor .bar-button-clear-md-primary,
.toolbar-md-backgroundColor .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-backgroundColor .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-backgroundColor .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-backgroundColor .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-backgroundColor .bar-button-secondary-md,
.toolbar-md-backgroundColor .bar-button-clear-md-secondary,
.toolbar-md-backgroundColor .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-backgroundColor .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-backgroundColor .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-backgroundColor .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-backgroundColor .bar-button-twitter-md,
.toolbar-md-backgroundColor .bar-button-clear-md-twitter,
.toolbar-md-backgroundColor .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-backgroundColor .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-backgroundColor .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-backgroundColor .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-backgroundColor .bar-button-danger-md,
.toolbar-md-backgroundColor .bar-button-clear-md-danger,
.toolbar-md-backgroundColor .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-backgroundColor .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-backgroundColor .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-backgroundColor .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-backgroundColor .bar-button-light-md,
.toolbar-md-backgroundColor .bar-button-clear-md-light,
.toolbar-md-backgroundColor .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-backgroundColor .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-backgroundColor .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-backgroundColor .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-backgroundColor .bar-button-sandy-md,
.toolbar-md-backgroundColor .bar-button-clear-md-sandy,
.toolbar-md-backgroundColor .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-backgroundColor .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-backgroundColor .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-backgroundColor .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-backgroundColor .bar-button-purple-md,
.toolbar-md-backgroundColor .bar-button-clear-md-purple,
.toolbar-md-backgroundColor .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-backgroundColor .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-backgroundColor .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-backgroundColor .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-backgroundColor .bar-button-base-md,
.toolbar-md-backgroundColor .bar-button-clear-md-base,
.toolbar-md-backgroundColor .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-backgroundColor .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-backgroundColor .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-backgroundColor .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-backgroundColor .bar-button-headerBg-md,
.toolbar-md-backgroundColor .bar-button-clear-md-headerBg,
.toolbar-md-backgroundColor .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-backgroundColor .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-backgroundColor .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-backgroundColor .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-backgroundColor .bar-button-borderColor-md,
.toolbar-md-backgroundColor .bar-button-clear-md-borderColor,
.toolbar-md-backgroundColor .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-backgroundColor .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-backgroundColor .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-backgroundColor .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-backgroundColor .bar-button-backgroundColor-md,
.toolbar-md-backgroundColor .bar-button-clear-md-backgroundColor,
.toolbar-md-backgroundColor .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-backgroundColor .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-backgroundColor .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-backgroundColor .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-backgroundColor .bar-button-bluegrey-md,
.toolbar-md-backgroundColor .bar-button-clear-md-bluegrey,
.toolbar-md-backgroundColor .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-backgroundColor .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-backgroundColor .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-backgroundColor .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-backgroundColor .bar-button-darkorange-md,
.toolbar-md-backgroundColor .bar-button-clear-md-darkorange,
.toolbar-md-backgroundColor .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-backgroundColor .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-backgroundColor .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-backgroundColor .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-backgroundColor .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-backgroundColor .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-backgroundColor-md,
.bar-button-clear-md-backgroundColor,
.bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.bar-button-backgroundColor-md:hover:not(.disable-hover),
.bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-bluegrey .toolbar-background-md {
  background: #1a7d9d;
}

.toolbar-md-bluegrey .bar-button-clear-md,
.toolbar-md-bluegrey .bar-button-default-md,
.toolbar-md-bluegrey .bar-button-outline-md,
.toolbar-md-bluegrey .toolbar-title-md {
  color: #fff;
}

.toolbar-md-bluegrey .bar-button-clear-md .button-effect,
.toolbar-md-bluegrey .bar-button-default-md .button-effect,
.toolbar-md-bluegrey .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-bluegrey .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-bluegrey .bar-button-primary-md,
.toolbar-md-bluegrey .bar-button-clear-md-primary,
.toolbar-md-bluegrey .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-bluegrey .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-bluegrey .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-bluegrey .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-bluegrey .bar-button-secondary-md,
.toolbar-md-bluegrey .bar-button-clear-md-secondary,
.toolbar-md-bluegrey .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-bluegrey .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-bluegrey .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-bluegrey .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-bluegrey .bar-button-twitter-md,
.toolbar-md-bluegrey .bar-button-clear-md-twitter,
.toolbar-md-bluegrey .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-bluegrey .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-bluegrey .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-bluegrey .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-bluegrey .bar-button-danger-md,
.toolbar-md-bluegrey .bar-button-clear-md-danger,
.toolbar-md-bluegrey .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-bluegrey .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-bluegrey .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-bluegrey .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-bluegrey .bar-button-light-md,
.toolbar-md-bluegrey .bar-button-clear-md-light,
.toolbar-md-bluegrey .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-bluegrey .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-bluegrey .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-bluegrey .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-bluegrey .bar-button-sandy-md,
.toolbar-md-bluegrey .bar-button-clear-md-sandy,
.toolbar-md-bluegrey .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-bluegrey .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-bluegrey .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-bluegrey .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-bluegrey .bar-button-purple-md,
.toolbar-md-bluegrey .bar-button-clear-md-purple,
.toolbar-md-bluegrey .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-bluegrey .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-bluegrey .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-bluegrey .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-bluegrey .bar-button-base-md,
.toolbar-md-bluegrey .bar-button-clear-md-base,
.toolbar-md-bluegrey .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-bluegrey .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-bluegrey .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-bluegrey .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-bluegrey .bar-button-headerBg-md,
.toolbar-md-bluegrey .bar-button-clear-md-headerBg,
.toolbar-md-bluegrey .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-bluegrey .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-bluegrey .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-bluegrey .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-bluegrey .bar-button-borderColor-md,
.toolbar-md-bluegrey .bar-button-clear-md-borderColor,
.toolbar-md-bluegrey .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-bluegrey .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-bluegrey .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-bluegrey .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-bluegrey .bar-button-backgroundColor-md,
.toolbar-md-bluegrey .bar-button-clear-md-backgroundColor,
.toolbar-md-bluegrey .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-bluegrey .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-bluegrey .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-bluegrey .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-bluegrey .bar-button-bluegrey-md,
.toolbar-md-bluegrey .bar-button-clear-md-bluegrey,
.toolbar-md-bluegrey .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-bluegrey .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-bluegrey .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-bluegrey .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-bluegrey .bar-button-darkorange-md,
.toolbar-md-bluegrey .bar-button-clear-md-darkorange,
.toolbar-md-bluegrey .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-bluegrey .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-bluegrey .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-bluegrey .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-bluegrey .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-bluegrey .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-bluegrey-md,
.bar-button-clear-md-bluegrey,
.bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.bar-button-bluegrey-md:hover:not(.disable-hover),
.bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-darkorange .toolbar-background-md {
  background: #bd871e;
}

.toolbar-md-darkorange .bar-button-clear-md,
.toolbar-md-darkorange .bar-button-default-md,
.toolbar-md-darkorange .bar-button-outline-md,
.toolbar-md-darkorange .toolbar-title-md {
  color: #fff;
}

.toolbar-md-darkorange .bar-button-clear-md .button-effect,
.toolbar-md-darkorange .bar-button-default-md .button-effect,
.toolbar-md-darkorange .bar-button-outline-md .button-effect {
  background-color: #fff;
}

.toolbar-md-darkorange .bar-button-outline-md {
  border-color: #fff;
}

.toolbar-md-darkorange .bar-button-primary-md,
.toolbar-md-darkorange .bar-button-clear-md-primary,
.toolbar-md-darkorange .bar-button-md-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-primary-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-primary:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-darkorange .bar-button-outline-md-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-primary.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-primary .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-darkorange .bar-button-solid-md-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-darkorange .bar-button-solid-md-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-darkorange .bar-button-secondary-md,
.toolbar-md-darkorange .bar-button-clear-md-secondary,
.toolbar-md-darkorange .bar-button-md-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-secondary-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-secondary:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-md-darkorange .bar-button-outline-md-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-secondary.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-secondary .button-effect {
  background-color: #e68114;
}

.toolbar-md-darkorange .bar-button-solid-md-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-md-darkorange .bar-button-solid-md-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-md-darkorange .bar-button-twitter-md,
.toolbar-md-darkorange .bar-button-clear-md-twitter,
.toolbar-md-darkorange .bar-button-md-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-twitter-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-twitter:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-md-darkorange .bar-button-outline-md-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-twitter.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-twitter .button-effect {
  background-color: #4e9edb;
}

.toolbar-md-darkorange .bar-button-solid-md-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-md-darkorange .bar-button-solid-md-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-md-darkorange .bar-button-danger-md,
.toolbar-md-darkorange .bar-button-clear-md-danger,
.toolbar-md-darkorange .bar-button-md-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-danger-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-danger:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-md-darkorange .bar-button-outline-md-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-danger.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-danger .button-effect {
  background-color: #e13838;
}

.toolbar-md-darkorange .bar-button-solid-md-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-md-darkorange .bar-button-solid-md-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-md-darkorange .bar-button-light-md,
.toolbar-md-darkorange .bar-button-clear-md-light,
.toolbar-md-darkorange .bar-button-md-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-light-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-light:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-md-darkorange .bar-button-outline-md-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-light.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-light .button-effect {
  background-color: #c3bdd9;
}

.toolbar-md-darkorange .bar-button-solid-md-light {
  color: #424242;
  background-color: #d4cdec;
}

.toolbar-md-darkorange .bar-button-solid-md-light.activated {
  color: #424242;
  background-color: #c3bdd9;
}

.toolbar-md-darkorange .bar-button-sandy-md,
.toolbar-md-darkorange .bar-button-clear-md-sandy,
.toolbar-md-darkorange .bar-button-md-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-sandy-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-sandy:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-md-darkorange .bar-button-outline-md-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-sandy.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-sandy .button-effect {
  background-color: #d29260;
}

.toolbar-md-darkorange .bar-button-solid-md-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-md-darkorange .bar-button-solid-md-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-md-darkorange .bar-button-purple-md,
.toolbar-md-darkorange .bar-button-clear-md-purple,
.toolbar-md-darkorange .bar-button-md-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-purple-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-purple:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-md-darkorange .bar-button-outline-md-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-purple.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-purple .button-effect {
  background-color: #74679b;
}

.toolbar-md-darkorange .bar-button-solid-md-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-md-darkorange .bar-button-solid-md-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-md-darkorange .bar-button-base-md,
.toolbar-md-darkorange .bar-button-clear-md-base,
.toolbar-md-darkorange .bar-button-md-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-base-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-base:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-md-darkorange .bar-button-outline-md-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-base.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-base .button-effect {
  background-color: #ebebeb;
}

.toolbar-md-darkorange .bar-button-solid-md-base {
  color: #424242;
  background-color: #ffffff;
}

.toolbar-md-darkorange .bar-button-solid-md-base.activated {
  color: #424242;
  background-color: #ebebeb;
}

.toolbar-md-darkorange .bar-button-headerBg-md,
.toolbar-md-darkorange .bar-button-clear-md-headerBg,
.toolbar-md-darkorange .bar-button-md-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-headerBg-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-headerBg:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-md-darkorange .bar-button-outline-md-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-headerBg.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-headerBg .button-effect {
  background-color: #3e3a4f;
}

.toolbar-md-darkorange .bar-button-solid-md-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-md-darkorange .bar-button-solid-md-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-md-darkorange .bar-button-borderColor-md,
.toolbar-md-darkorange .bar-button-clear-md-borderColor,
.toolbar-md-darkorange .bar-button-md-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-borderColor-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-borderColor:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-md-darkorange .bar-button-outline-md-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-borderColor.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-borderColor .button-effect {
  background-color: #474159;
}

.toolbar-md-darkorange .bar-button-solid-md-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-md-darkorange .bar-button-solid-md-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-md-darkorange .bar-button-backgroundColor-md,
.toolbar-md-darkorange .bar-button-clear-md-backgroundColor,
.toolbar-md-darkorange .bar-button-md-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-backgroundColor-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-backgroundColor:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-md-darkorange .bar-button-outline-md-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-backgroundColor.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-backgroundColor .button-effect {
  background-color: #2f2e34;
}

.toolbar-md-darkorange .bar-button-solid-md-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-md-darkorange .bar-button-solid-md-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-md-darkorange .bar-button-bluegrey-md,
.toolbar-md-darkorange .bar-button-clear-md-bluegrey,
.toolbar-md-darkorange .bar-button-md-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-bluegrey-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-bluegrey:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-md-darkorange .bar-button-outline-md-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-bluegrey.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-bluegrey .button-effect {
  background-color: #2c87a5;
}

.toolbar-md-darkorange .bar-button-solid-md-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-md-darkorange .bar-button-solid-md-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-md-darkorange .bar-button-darkorange-md,
.toolbar-md-darkorange .bar-button-clear-md-darkorange,
.toolbar-md-darkorange .bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-darkorange-md:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-clear-md-darkorange:hover:not(.disable-hover),
.toolbar-md-darkorange .bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-md-darkorange .bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.toolbar-md-darkorange .bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.toolbar-md-darkorange .bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-md-darkorange .bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-darkorange-md,
.bar-button-clear-md-darkorange,
.bar-button-md-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.bar-button-darkorange-md:hover:not(.disable-hover),
.bar-button-clear-md-darkorange:hover:not(.disable-hover),
.bar-button-md-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.bar-button-outline-md-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.bar-button-outline-md-darkorange.activated {
  background-color: transparent;
}

.bar-button-outline-md-darkorange .button-effect {
  background-color: #c29130;
}

.bar-button-solid-md-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.bar-button-solid-md-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.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-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
  -ms-flex-order: 3;
  order: 3;
  min-width: 0;
  max-width: 100%;
}

.toolbar-title-wp {
  font-size: 1.5rem;
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
  padding: 0 6px;
}

.bar-buttons-wp {
  -webkit-box-ordinal-group: 5;
  -webkit-order: 4;
  -ms-flex-order: 4;
  order: 4;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.bar-buttons-wp[left] {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
  -ms-flex-order: 2;
  order: 2;
}

.bar-buttons-wp[left] .bar-button:first-child {
  margin-left: 0;
}

.bar-buttons-wp[end] {
  text-align: right;
  text-align: end;
  -webkit-box-ordinal-group: 6;
  -webkit-order: 5;
  -ms-flex-order: 5;
  order: 5;
}

.bar-buttons-wp[right] {
  text-align: right;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
  -ms-flex-order: 6;
  order: 6;
}

.bar-button-wp {
  margin: 0 0.2rem;
  padding: 0 5px;
  border-radius: 2px;
  height: 32px;
  border: 0;
  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-start ion-icon {
  padding-right: 0.3em;
  font-size: 1.4em;
  line-height: .67;
  pointer-events: none;
}

.bar-button-wp.bar-button-icon-end ion-icon {
  padding-left: 0.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 0.1em;
  min-width: 28px;
  font-size: 1.8em;
  line-height: .67;
  pointer-events: none;
}

.back-button-wp {
  margin: 0 6px;
  min-width: 44px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.back-button-icon-wp {
  text-align: left;
  text-align: start;
  margin: 0;
  padding: 0 6px;
  font-size: 2.4rem;
  font-weight: normal;
}

.bar-button-menutoggle-wp {
  margin: 0 6px;
  padding: 0 2px;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
  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] {
  margin: 0 2px;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
  -ms-flex-order: 7;
  order: 7;
  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: #1d1c22;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-wp-primary .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-primary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-primary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-primary .bar-button-secondary-wp,
.toolbar-wp-primary .bar-button-clear-wp-secondary,
.toolbar-wp-primary .bar-button-wp-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-primary .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-primary .bar-button-twitter-wp,
.toolbar-wp-primary .bar-button-clear-wp-twitter,
.toolbar-wp-primary .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-primary .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-primary .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-primary .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-wp-primary .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-primary .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-primary .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-primary .bar-button-sandy-wp,
.toolbar-wp-primary .bar-button-clear-wp-sandy,
.toolbar-wp-primary .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-primary .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-primary .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-primary .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-primary .bar-button-purple-wp,
.toolbar-wp-primary .bar-button-clear-wp-purple,
.toolbar-wp-primary .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-primary .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-primary .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-primary .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-primary .bar-button-base-wp,
.toolbar-wp-primary .bar-button-clear-wp-base,
.toolbar-wp-primary .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-primary .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-primary .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-primary .bar-button-headerBg-wp,
.toolbar-wp-primary .bar-button-clear-wp-headerBg,
.toolbar-wp-primary .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-primary .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-primary .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-primary .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-primary .bar-button-borderColor-wp,
.toolbar-wp-primary .bar-button-clear-wp-borderColor,
.toolbar-wp-primary .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-primary .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-primary .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-primary .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-primary .bar-button-backgroundColor-wp,
.toolbar-wp-primary .bar-button-clear-wp-backgroundColor,
.toolbar-wp-primary .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-primary .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-primary .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-primary .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-primary .bar-button-bluegrey-wp,
.toolbar-wp-primary .bar-button-clear-wp-bluegrey,
.toolbar-wp-primary .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-primary .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-primary .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-primary .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-primary .bar-button-darkorange-wp,
.toolbar-wp-primary .bar-button-clear-wp-darkorange,
.toolbar-wp-primary .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-primary .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-primary .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-primary .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-primary .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-primary .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-primary-wp,
.bar-button-clear-wp-primary,
.bar-button-wp-primary {
  color: #1d1c22;
  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: #1d1c22;
}

.bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-secondary .toolbar-background-wp {
  background: #fa8c16;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-secondary .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-secondary .bar-button-secondary-wp,
.toolbar-wp-secondary .bar-button-clear-wp-secondary,
.toolbar-wp-secondary .bar-button-wp-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-secondary .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-secondary .bar-button-twitter-wp,
.toolbar-wp-secondary .bar-button-clear-wp-twitter,
.toolbar-wp-secondary .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-secondary .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-secondary .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-secondary .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-wp-secondary .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-secondary .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-secondary .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-secondary .bar-button-sandy-wp,
.toolbar-wp-secondary .bar-button-clear-wp-sandy,
.toolbar-wp-secondary .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-secondary .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-secondary .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-secondary .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-secondary .bar-button-purple-wp,
.toolbar-wp-secondary .bar-button-clear-wp-purple,
.toolbar-wp-secondary .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-secondary .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-secondary .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-secondary .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-secondary .bar-button-base-wp,
.toolbar-wp-secondary .bar-button-clear-wp-base,
.toolbar-wp-secondary .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-secondary .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-secondary .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-secondary .bar-button-headerBg-wp,
.toolbar-wp-secondary .bar-button-clear-wp-headerBg,
.toolbar-wp-secondary .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-secondary .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-secondary .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-secondary .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-secondary .bar-button-borderColor-wp,
.toolbar-wp-secondary .bar-button-clear-wp-borderColor,
.toolbar-wp-secondary .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-secondary .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-secondary .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-secondary .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-secondary .bar-button-backgroundColor-wp,
.toolbar-wp-secondary .bar-button-clear-wp-backgroundColor,
.toolbar-wp-secondary .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-secondary .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-secondary .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-secondary .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-secondary .bar-button-bluegrey-wp,
.toolbar-wp-secondary .bar-button-clear-wp-bluegrey,
.toolbar-wp-secondary .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-secondary .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-secondary .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-secondary .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-secondary .bar-button-darkorange-wp,
.toolbar-wp-secondary .bar-button-clear-wp-darkorange,
.toolbar-wp-secondary .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-secondary .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-secondary .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-secondary .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-secondary .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-secondary .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-secondary-wp,
.bar-button-clear-wp-secondary,
.bar-button-wp-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-twitter .toolbar-background-wp {
  background: #55acee;
}

.toolbar-wp-twitter .bar-button-clear-wp,
.toolbar-wp-twitter .bar-button-default-wp,
.toolbar-wp-twitter .bar-button-outline-wp,
.toolbar-wp-twitter .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-twitter .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-twitter .bar-button-primary-wp,
.toolbar-wp-twitter .bar-button-clear-wp-primary,
.toolbar-wp-twitter .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-twitter .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-twitter .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-twitter .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-twitter .bar-button-secondary-wp,
.toolbar-wp-twitter .bar-button-clear-wp-secondary,
.toolbar-wp-twitter .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-twitter .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-twitter .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-twitter .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-twitter .bar-button-twitter-wp,
.toolbar-wp-twitter .bar-button-clear-wp-twitter,
.toolbar-wp-twitter .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-twitter .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-twitter .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-twitter .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-twitter .bar-button-danger-wp,
.toolbar-wp-twitter .bar-button-clear-wp-danger,
.toolbar-wp-twitter .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-twitter .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-twitter .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-twitter .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-twitter .bar-button-light-wp,
.toolbar-wp-twitter .bar-button-clear-wp-light,
.toolbar-wp-twitter .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-twitter .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-twitter .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-twitter .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-twitter .bar-button-sandy-wp,
.toolbar-wp-twitter .bar-button-clear-wp-sandy,
.toolbar-wp-twitter .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-twitter .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-twitter .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-twitter .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-twitter .bar-button-purple-wp,
.toolbar-wp-twitter .bar-button-clear-wp-purple,
.toolbar-wp-twitter .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-twitter .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-twitter .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-twitter .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-twitter .bar-button-base-wp,
.toolbar-wp-twitter .bar-button-clear-wp-base,
.toolbar-wp-twitter .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-twitter .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-twitter .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-twitter .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-twitter .bar-button-headerBg-wp,
.toolbar-wp-twitter .bar-button-clear-wp-headerBg,
.toolbar-wp-twitter .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-twitter .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-twitter .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-twitter .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-twitter .bar-button-borderColor-wp,
.toolbar-wp-twitter .bar-button-clear-wp-borderColor,
.toolbar-wp-twitter .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-twitter .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-twitter .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-twitter .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-twitter .bar-button-backgroundColor-wp,
.toolbar-wp-twitter .bar-button-clear-wp-backgroundColor,
.toolbar-wp-twitter .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-twitter .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-twitter .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-twitter .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-twitter .bar-button-bluegrey-wp,
.toolbar-wp-twitter .bar-button-clear-wp-bluegrey,
.toolbar-wp-twitter .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-twitter .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-twitter .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-twitter .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-twitter .bar-button-darkorange-wp,
.toolbar-wp-twitter .bar-button-clear-wp-darkorange,
.toolbar-wp-twitter .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-twitter .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-twitter .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-twitter .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-twitter .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-twitter .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-twitter-wp,
.bar-button-clear-wp-twitter,
.bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.bar-button-twitter-wp:hover:not(.disable-hover),
.bar-button-clear-wp-twitter:hover:not(.disable-hover),
.bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-wp-danger .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-danger .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-danger .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-danger .bar-button-secondary-wp,
.toolbar-wp-danger .bar-button-clear-wp-secondary,
.toolbar-wp-danger .bar-button-wp-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-danger .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-danger .bar-button-twitter-wp,
.toolbar-wp-danger .bar-button-clear-wp-twitter,
.toolbar-wp-danger .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-danger .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-danger .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-danger .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-wp-danger .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-danger .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-danger .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-danger .bar-button-sandy-wp,
.toolbar-wp-danger .bar-button-clear-wp-sandy,
.toolbar-wp-danger .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-danger .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-danger .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-danger .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-danger .bar-button-purple-wp,
.toolbar-wp-danger .bar-button-clear-wp-purple,
.toolbar-wp-danger .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-danger .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-danger .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-danger .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-danger .bar-button-base-wp,
.toolbar-wp-danger .bar-button-clear-wp-base,
.toolbar-wp-danger .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-danger .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-danger .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-danger .bar-button-headerBg-wp,
.toolbar-wp-danger .bar-button-clear-wp-headerBg,
.toolbar-wp-danger .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-danger .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-danger .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-danger .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-danger .bar-button-borderColor-wp,
.toolbar-wp-danger .bar-button-clear-wp-borderColor,
.toolbar-wp-danger .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-danger .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-danger .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-danger .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-danger .bar-button-backgroundColor-wp,
.toolbar-wp-danger .bar-button-clear-wp-backgroundColor,
.toolbar-wp-danger .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-danger .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-danger .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-danger .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-danger .bar-button-bluegrey-wp,
.toolbar-wp-danger .bar-button-clear-wp-bluegrey,
.toolbar-wp-danger .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-danger .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-danger .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-danger .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-danger .bar-button-darkorange-wp,
.toolbar-wp-danger .bar-button-clear-wp-darkorange,
.toolbar-wp-danger .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-danger .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-danger .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-danger .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-danger .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-danger .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.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: #d4cdec;
}

.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: #1d1c22;
  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: #1d1c22;
}

.toolbar-wp-light .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-light .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-light .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-light .bar-button-secondary-wp,
.toolbar-wp-light .bar-button-clear-wp-secondary,
.toolbar-wp-light .bar-button-wp-secondary {
  color: #fa8c16;
  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: #fa8c16;
}

.toolbar-wp-light .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-light .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-light .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-light .bar-button-twitter-wp,
.toolbar-wp-light .bar-button-clear-wp-twitter,
.toolbar-wp-light .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-light .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-light .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-light .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.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: #d4cdec;
  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: #d4cdec;
}

.toolbar-wp-light .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-light .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-light .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-light .bar-button-sandy-wp,
.toolbar-wp-light .bar-button-clear-wp-sandy,
.toolbar-wp-light .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-light .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-light .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-light .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-light .bar-button-purple-wp,
.toolbar-wp-light .bar-button-clear-wp-purple,
.toolbar-wp-light .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-light .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-light .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-light .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-light .bar-button-base-wp,
.toolbar-wp-light .bar-button-clear-wp-base,
.toolbar-wp-light .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-light .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-light .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-light .bar-button-headerBg-wp,
.toolbar-wp-light .bar-button-clear-wp-headerBg,
.toolbar-wp-light .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-light .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-light .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-light .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-light .bar-button-borderColor-wp,
.toolbar-wp-light .bar-button-clear-wp-borderColor,
.toolbar-wp-light .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-light .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-light .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-light .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-light .bar-button-backgroundColor-wp,
.toolbar-wp-light .bar-button-clear-wp-backgroundColor,
.toolbar-wp-light .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-light .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-light .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-light .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-light .bar-button-bluegrey-wp,
.toolbar-wp-light .bar-button-clear-wp-bluegrey,
.toolbar-wp-light .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-light .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-light .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-light .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-light .bar-button-darkorange-wp,
.toolbar-wp-light .bar-button-clear-wp-darkorange,
.toolbar-wp-light .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-light .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-light .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-light .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-light .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-light .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-light-wp,
.bar-button-clear-wp-light,
.bar-button-wp-light {
  color: #d4cdec;
  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: #d4cdec;
}

.bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-sandy .toolbar-background-wp {
  background: #e49f68;
}

.toolbar-wp-sandy .bar-button-clear-wp,
.toolbar-wp-sandy .bar-button-default-wp,
.toolbar-wp-sandy .bar-button-outline-wp,
.toolbar-wp-sandy .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-sandy .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-sandy .bar-button-primary-wp,
.toolbar-wp-sandy .bar-button-clear-wp-primary,
.toolbar-wp-sandy .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-sandy .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-sandy .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-sandy .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-sandy .bar-button-secondary-wp,
.toolbar-wp-sandy .bar-button-clear-wp-secondary,
.toolbar-wp-sandy .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-sandy .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-sandy .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-sandy .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-sandy .bar-button-twitter-wp,
.toolbar-wp-sandy .bar-button-clear-wp-twitter,
.toolbar-wp-sandy .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-sandy .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-sandy .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-sandy .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-sandy .bar-button-danger-wp,
.toolbar-wp-sandy .bar-button-clear-wp-danger,
.toolbar-wp-sandy .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-sandy .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-sandy .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-sandy .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-sandy .bar-button-light-wp,
.toolbar-wp-sandy .bar-button-clear-wp-light,
.toolbar-wp-sandy .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-sandy .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-sandy .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-sandy .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-sandy .bar-button-sandy-wp,
.toolbar-wp-sandy .bar-button-clear-wp-sandy,
.toolbar-wp-sandy .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-sandy .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-sandy .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-sandy .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-sandy .bar-button-purple-wp,
.toolbar-wp-sandy .bar-button-clear-wp-purple,
.toolbar-wp-sandy .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-sandy .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-sandy .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-sandy .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-sandy .bar-button-base-wp,
.toolbar-wp-sandy .bar-button-clear-wp-base,
.toolbar-wp-sandy .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-sandy .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-sandy .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-sandy .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-sandy .bar-button-headerBg-wp,
.toolbar-wp-sandy .bar-button-clear-wp-headerBg,
.toolbar-wp-sandy .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-sandy .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-sandy .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-sandy .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-sandy .bar-button-borderColor-wp,
.toolbar-wp-sandy .bar-button-clear-wp-borderColor,
.toolbar-wp-sandy .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-sandy .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-sandy .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-sandy .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-sandy .bar-button-backgroundColor-wp,
.toolbar-wp-sandy .bar-button-clear-wp-backgroundColor,
.toolbar-wp-sandy .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-sandy .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-sandy .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-sandy .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-sandy .bar-button-bluegrey-wp,
.toolbar-wp-sandy .bar-button-clear-wp-bluegrey,
.toolbar-wp-sandy .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-sandy .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-sandy .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-sandy .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-sandy .bar-button-darkorange-wp,
.toolbar-wp-sandy .bar-button-clear-wp-darkorange,
.toolbar-wp-sandy .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-sandy .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-sandy .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-sandy .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-sandy .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-sandy .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-sandy-wp,
.bar-button-clear-wp-sandy,
.bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.bar-button-sandy-wp:hover:not(.disable-hover),
.bar-button-clear-wp-sandy:hover:not(.disable-hover),
.bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-purple .toolbar-background-wp {
  background: #685a92;
}

.toolbar-wp-purple .bar-button-clear-wp,
.toolbar-wp-purple .bar-button-default-wp,
.toolbar-wp-purple .bar-button-outline-wp,
.toolbar-wp-purple .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-purple .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-purple .bar-button-primary-wp,
.toolbar-wp-purple .bar-button-clear-wp-primary,
.toolbar-wp-purple .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-purple .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-purple .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-purple .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-purple .bar-button-secondary-wp,
.toolbar-wp-purple .bar-button-clear-wp-secondary,
.toolbar-wp-purple .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-purple .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-purple .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-purple .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-purple .bar-button-twitter-wp,
.toolbar-wp-purple .bar-button-clear-wp-twitter,
.toolbar-wp-purple .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-purple .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-purple .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-purple .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-purple .bar-button-danger-wp,
.toolbar-wp-purple .bar-button-clear-wp-danger,
.toolbar-wp-purple .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-purple .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-purple .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-purple .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-purple .bar-button-light-wp,
.toolbar-wp-purple .bar-button-clear-wp-light,
.toolbar-wp-purple .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-purple .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-purple .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-purple .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-purple .bar-button-sandy-wp,
.toolbar-wp-purple .bar-button-clear-wp-sandy,
.toolbar-wp-purple .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-purple .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-purple .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-purple .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-purple .bar-button-purple-wp,
.toolbar-wp-purple .bar-button-clear-wp-purple,
.toolbar-wp-purple .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-purple .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-purple .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-purple .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-purple .bar-button-base-wp,
.toolbar-wp-purple .bar-button-clear-wp-base,
.toolbar-wp-purple .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-purple .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-purple .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-purple .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-purple .bar-button-headerBg-wp,
.toolbar-wp-purple .bar-button-clear-wp-headerBg,
.toolbar-wp-purple .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-purple .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-purple .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-purple .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-purple .bar-button-borderColor-wp,
.toolbar-wp-purple .bar-button-clear-wp-borderColor,
.toolbar-wp-purple .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-purple .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-purple .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-purple .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-purple .bar-button-backgroundColor-wp,
.toolbar-wp-purple .bar-button-clear-wp-backgroundColor,
.toolbar-wp-purple .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-purple .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-purple .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-purple .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-purple .bar-button-bluegrey-wp,
.toolbar-wp-purple .bar-button-clear-wp-bluegrey,
.toolbar-wp-purple .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-purple .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-purple .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-purple .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-purple .bar-button-darkorange-wp,
.toolbar-wp-purple .bar-button-clear-wp-darkorange,
.toolbar-wp-purple .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-purple .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-purple .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-purple .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-purple .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-purple .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-purple-wp,
.bar-button-clear-wp-purple,
.bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.bar-button-purple-wp:hover:not(.disable-hover),
.bar-button-clear-wp-purple:hover:not(.disable-hover),
.bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-base .toolbar-background-wp {
  background: #ffffff;
}

.toolbar-wp-base .bar-button-clear-wp,
.toolbar-wp-base .bar-button-default-wp,
.toolbar-wp-base .bar-button-outline-wp,
.toolbar-wp-base .toolbar-title-wp {
  color: #000;
}

.toolbar-wp-base .bar-button-outline-wp {
  border-color: #000;
}

.toolbar-wp-base .bar-button-primary-wp,
.toolbar-wp-base .bar-button-clear-wp-primary,
.toolbar-wp-base .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-base .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-base .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-base .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-base .bar-button-secondary-wp,
.toolbar-wp-base .bar-button-clear-wp-secondary,
.toolbar-wp-base .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-base .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-base .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-base .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-base .bar-button-twitter-wp,
.toolbar-wp-base .bar-button-clear-wp-twitter,
.toolbar-wp-base .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-base .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-base .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-base .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-base .bar-button-danger-wp,
.toolbar-wp-base .bar-button-clear-wp-danger,
.toolbar-wp-base .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-base .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-base .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-base .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-base .bar-button-light-wp,
.toolbar-wp-base .bar-button-clear-wp-light,
.toolbar-wp-base .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-base .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-base .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-base .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-base .bar-button-sandy-wp,
.toolbar-wp-base .bar-button-clear-wp-sandy,
.toolbar-wp-base .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-base .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-base .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-base .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-base .bar-button-purple-wp,
.toolbar-wp-base .bar-button-clear-wp-purple,
.toolbar-wp-base .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-base .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-base .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-base .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-base .bar-button-base-wp,
.toolbar-wp-base .bar-button-clear-wp-base,
.toolbar-wp-base .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-base .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-base .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-base .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-base .bar-button-headerBg-wp,
.toolbar-wp-base .bar-button-clear-wp-headerBg,
.toolbar-wp-base .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-base .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-base .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-base .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-base .bar-button-borderColor-wp,
.toolbar-wp-base .bar-button-clear-wp-borderColor,
.toolbar-wp-base .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-base .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-base .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-base .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-base .bar-button-backgroundColor-wp,
.toolbar-wp-base .bar-button-clear-wp-backgroundColor,
.toolbar-wp-base .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-base .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-base .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-base .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-base .bar-button-bluegrey-wp,
.toolbar-wp-base .bar-button-clear-wp-bluegrey,
.toolbar-wp-base .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-base .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-base .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-base .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-base .bar-button-darkorange-wp,
.toolbar-wp-base .bar-button-clear-wp-darkorange,
.toolbar-wp-base .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-base .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-base .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-base .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-base .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-base .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-base-wp,
.bar-button-clear-wp-base,
.bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.bar-button-base-wp:hover:not(.disable-hover),
.bar-button-clear-wp-base:hover:not(.disable-hover),
.bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-headerBg .toolbar-background-wp {
  background: #2d2940;
}

.toolbar-wp-headerBg .bar-button-clear-wp,
.toolbar-wp-headerBg .bar-button-default-wp,
.toolbar-wp-headerBg .bar-button-outline-wp,
.toolbar-wp-headerBg .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-headerBg .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-headerBg .bar-button-primary-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-primary,
.toolbar-wp-headerBg .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-headerBg .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-headerBg .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-headerBg .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-headerBg .bar-button-secondary-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-secondary,
.toolbar-wp-headerBg .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-headerBg .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-headerBg .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-headerBg .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-headerBg .bar-button-twitter-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-twitter,
.toolbar-wp-headerBg .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-headerBg .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-headerBg .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-headerBg .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-headerBg .bar-button-danger-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-danger,
.toolbar-wp-headerBg .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-headerBg .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-headerBg .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-headerBg .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-headerBg .bar-button-light-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-light,
.toolbar-wp-headerBg .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-headerBg .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-headerBg .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-headerBg .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-headerBg .bar-button-sandy-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-sandy,
.toolbar-wp-headerBg .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-headerBg .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-headerBg .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-headerBg .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-headerBg .bar-button-purple-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-purple,
.toolbar-wp-headerBg .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-headerBg .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-headerBg .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-headerBg .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-headerBg .bar-button-base-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-base,
.toolbar-wp-headerBg .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-headerBg .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-headerBg .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-headerBg .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-headerBg .bar-button-headerBg-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-headerBg,
.toolbar-wp-headerBg .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-headerBg .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-headerBg .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-headerBg .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-headerBg .bar-button-borderColor-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-borderColor,
.toolbar-wp-headerBg .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-headerBg .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-headerBg .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-headerBg .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-headerBg .bar-button-backgroundColor-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-backgroundColor,
.toolbar-wp-headerBg .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-headerBg .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-headerBg .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-headerBg .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-headerBg .bar-button-bluegrey-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-bluegrey,
.toolbar-wp-headerBg .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-headerBg .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-headerBg .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-headerBg .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-headerBg .bar-button-darkorange-wp,
.toolbar-wp-headerBg .bar-button-clear-wp-darkorange,
.toolbar-wp-headerBg .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-headerBg .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-headerBg .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-headerBg .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-headerBg .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-headerBg .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-headerBg-wp,
.bar-button-clear-wp-headerBg,
.bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.bar-button-headerBg-wp:hover:not(.disable-hover),
.bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-borderColor .toolbar-background-wp {
  background: #37314b;
}

.toolbar-wp-borderColor .bar-button-clear-wp,
.toolbar-wp-borderColor .bar-button-default-wp,
.toolbar-wp-borderColor .bar-button-outline-wp,
.toolbar-wp-borderColor .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-borderColor .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-borderColor .bar-button-primary-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-primary,
.toolbar-wp-borderColor .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-borderColor .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-borderColor .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-borderColor .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-borderColor .bar-button-secondary-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-secondary,
.toolbar-wp-borderColor .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-borderColor .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-borderColor .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-borderColor .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-borderColor .bar-button-twitter-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-twitter,
.toolbar-wp-borderColor .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-borderColor .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-borderColor .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-borderColor .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-borderColor .bar-button-danger-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-danger,
.toolbar-wp-borderColor .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-borderColor .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-borderColor .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-borderColor .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-borderColor .bar-button-light-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-light,
.toolbar-wp-borderColor .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-borderColor .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-borderColor .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-borderColor .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-borderColor .bar-button-sandy-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-sandy,
.toolbar-wp-borderColor .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-borderColor .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-borderColor .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-borderColor .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-borderColor .bar-button-purple-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-purple,
.toolbar-wp-borderColor .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-borderColor .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-borderColor .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-borderColor .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-borderColor .bar-button-base-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-base,
.toolbar-wp-borderColor .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-borderColor .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-borderColor .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-borderColor .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-borderColor .bar-button-headerBg-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-headerBg,
.toolbar-wp-borderColor .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-borderColor .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-borderColor .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-borderColor .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-borderColor .bar-button-borderColor-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-borderColor,
.toolbar-wp-borderColor .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-borderColor .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-borderColor .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-borderColor .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-borderColor .bar-button-backgroundColor-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-backgroundColor,
.toolbar-wp-borderColor .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-borderColor .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-borderColor .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-borderColor .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-borderColor .bar-button-bluegrey-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-bluegrey,
.toolbar-wp-borderColor .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-borderColor .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-borderColor .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-borderColor .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-borderColor .bar-button-darkorange-wp,
.toolbar-wp-borderColor .bar-button-clear-wp-darkorange,
.toolbar-wp-borderColor .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-borderColor .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-borderColor .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-borderColor .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-borderColor .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-borderColor .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-borderColor-wp,
.bar-button-clear-wp-borderColor,
.bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.bar-button-borderColor-wp:hover:not(.disable-hover),
.bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-backgroundColor .toolbar-background-wp {
  background: #1d1c22;
}

.toolbar-wp-backgroundColor .bar-button-clear-wp,
.toolbar-wp-backgroundColor .bar-button-default-wp,
.toolbar-wp-backgroundColor .bar-button-outline-wp,
.toolbar-wp-backgroundColor .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-backgroundColor .bar-button-primary-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-primary,
.toolbar-wp-backgroundColor .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-backgroundColor .bar-button-secondary-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-secondary,
.toolbar-wp-backgroundColor .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-backgroundColor .bar-button-twitter-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-twitter,
.toolbar-wp-backgroundColor .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-backgroundColor .bar-button-danger-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-danger,
.toolbar-wp-backgroundColor .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-backgroundColor .bar-button-light-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-light,
.toolbar-wp-backgroundColor .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-backgroundColor .bar-button-sandy-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-sandy,
.toolbar-wp-backgroundColor .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-backgroundColor .bar-button-purple-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-purple,
.toolbar-wp-backgroundColor .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-backgroundColor .bar-button-base-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-base,
.toolbar-wp-backgroundColor .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-backgroundColor .bar-button-headerBg-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-headerBg,
.toolbar-wp-backgroundColor .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-backgroundColor .bar-button-borderColor-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-borderColor,
.toolbar-wp-backgroundColor .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-backgroundColor .bar-button-backgroundColor-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-backgroundColor,
.toolbar-wp-backgroundColor .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-backgroundColor .bar-button-bluegrey-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-bluegrey,
.toolbar-wp-backgroundColor .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-backgroundColor .bar-button-darkorange-wp,
.toolbar-wp-backgroundColor .bar-button-clear-wp-darkorange,
.toolbar-wp-backgroundColor .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-backgroundColor .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-backgroundColor .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-backgroundColor .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-backgroundColor-wp,
.bar-button-clear-wp-backgroundColor,
.bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.bar-button-backgroundColor-wp:hover:not(.disable-hover),
.bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-bluegrey .toolbar-background-wp {
  background: #1a7d9d;
}

.toolbar-wp-bluegrey .bar-button-clear-wp,
.toolbar-wp-bluegrey .bar-button-default-wp,
.toolbar-wp-bluegrey .bar-button-outline-wp,
.toolbar-wp-bluegrey .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-bluegrey .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-bluegrey .bar-button-primary-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-primary,
.toolbar-wp-bluegrey .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-bluegrey .bar-button-secondary-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-secondary,
.toolbar-wp-bluegrey .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-bluegrey .bar-button-twitter-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-twitter,
.toolbar-wp-bluegrey .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-bluegrey .bar-button-danger-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-danger,
.toolbar-wp-bluegrey .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-bluegrey .bar-button-light-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-light,
.toolbar-wp-bluegrey .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-bluegrey .bar-button-sandy-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-sandy,
.toolbar-wp-bluegrey .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-bluegrey .bar-button-purple-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-purple,
.toolbar-wp-bluegrey .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-bluegrey .bar-button-base-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-base,
.toolbar-wp-bluegrey .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-bluegrey .bar-button-headerBg-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-headerBg,
.toolbar-wp-bluegrey .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-bluegrey .bar-button-borderColor-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-borderColor,
.toolbar-wp-bluegrey .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-bluegrey .bar-button-backgroundColor-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-backgroundColor,
.toolbar-wp-bluegrey .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-bluegrey .bar-button-bluegrey-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-bluegrey,
.toolbar-wp-bluegrey .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-bluegrey .bar-button-darkorange-wp,
.toolbar-wp-bluegrey .bar-button-clear-wp-darkorange,
.toolbar-wp-bluegrey .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-bluegrey .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-bluegrey .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-bluegrey .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-bluegrey-wp,
.bar-button-clear-wp-bluegrey,
.bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.bar-button-bluegrey-wp:hover:not(.disable-hover),
.bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-darkorange .toolbar-background-wp {
  background: #bd871e;
}

.toolbar-wp-darkorange .bar-button-clear-wp,
.toolbar-wp-darkorange .bar-button-default-wp,
.toolbar-wp-darkorange .bar-button-outline-wp,
.toolbar-wp-darkorange .toolbar-title-wp {
  color: #fff;
}

.toolbar-wp-darkorange .bar-button-outline-wp {
  border-color: #fff;
}

.toolbar-wp-darkorange .bar-button-primary-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-primary,
.toolbar-wp-darkorange .bar-button-wp-primary {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-primary-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-primary:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-primary:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-darkorange .bar-button-outline-wp-primary {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-darkorange .bar-button-solid-wp-primary {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-darkorange .bar-button-solid-wp-primary.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-darkorange .bar-button-secondary-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-secondary,
.toolbar-wp-darkorange .bar-button-wp-secondary {
  color: #fa8c16;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-secondary-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-secondary:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-secondary:hover:not(.disable-hover) {
  color: #fa8c16;
}

.toolbar-wp-darkorange .bar-button-outline-wp-secondary {
  border-color: #e68114;
  color: #e68114;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-darkorange .bar-button-solid-wp-secondary {
  color: #fff;
  background-color: #fa8c16;
}

.toolbar-wp-darkorange .bar-button-solid-wp-secondary.activated {
  color: #fff;
  background-color: #e68114;
}

.toolbar-wp-darkorange .bar-button-twitter-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-twitter,
.toolbar-wp-darkorange .bar-button-wp-twitter {
  color: #55acee;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-twitter-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-twitter:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-twitter:hover:not(.disable-hover) {
  color: #55acee;
}

.toolbar-wp-darkorange .bar-button-outline-wp-twitter {
  border-color: #4e9edb;
  color: #4e9edb;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-darkorange .bar-button-solid-wp-twitter {
  color: #fff;
  background-color: #55acee;
}

.toolbar-wp-darkorange .bar-button-solid-wp-twitter.activated {
  color: #fff;
  background-color: #4e9edb;
}

.toolbar-wp-darkorange .bar-button-danger-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-danger,
.toolbar-wp-darkorange .bar-button-wp-danger {
  color: #f53d3d;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-danger-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-danger:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-danger:hover:not(.disable-hover) {
  color: #f53d3d;
}

.toolbar-wp-darkorange .bar-button-outline-wp-danger {
  border-color: #e13838;
  color: #e13838;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-darkorange .bar-button-solid-wp-danger {
  color: #fff;
  background-color: #f53d3d;
}

.toolbar-wp-darkorange .bar-button-solid-wp-danger.activated {
  color: #fff;
  background-color: #e13838;
}

.toolbar-wp-darkorange .bar-button-light-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-light,
.toolbar-wp-darkorange .bar-button-wp-light {
  color: #d4cdec;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-light-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-light:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-light:hover:not(.disable-hover) {
  color: #d4cdec;
}

.toolbar-wp-darkorange .bar-button-outline-wp-light {
  border-color: #c3bdd9;
  color: #c3bdd9;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-darkorange .bar-button-solid-wp-light {
  color: #000;
  background-color: #d4cdec;
}

.toolbar-wp-darkorange .bar-button-solid-wp-light.activated {
  color: #000;
  background-color: #c3bdd9;
}

.toolbar-wp-darkorange .bar-button-sandy-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-sandy,
.toolbar-wp-darkorange .bar-button-wp-sandy {
  color: #e49f68;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-sandy-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-sandy:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-sandy:hover:not(.disable-hover) {
  color: #e49f68;
}

.toolbar-wp-darkorange .bar-button-outline-wp-sandy {
  border-color: #d29260;
  color: #d29260;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-darkorange .bar-button-solid-wp-sandy {
  color: #fff;
  background-color: #e49f68;
}

.toolbar-wp-darkorange .bar-button-solid-wp-sandy.activated {
  color: #fff;
  background-color: #d29260;
}

.toolbar-wp-darkorange .bar-button-purple-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-purple,
.toolbar-wp-darkorange .bar-button-wp-purple {
  color: #685a92;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-purple-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-purple:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-purple:hover:not(.disable-hover) {
  color: #685a92;
}

.toolbar-wp-darkorange .bar-button-outline-wp-purple {
  border-color: #74679b;
  color: #74679b;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-darkorange .bar-button-solid-wp-purple {
  color: #fff;
  background-color: #685a92;
}

.toolbar-wp-darkorange .bar-button-solid-wp-purple.activated {
  color: #fff;
  background-color: #74679b;
}

.toolbar-wp-darkorange .bar-button-base-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-base,
.toolbar-wp-darkorange .bar-button-wp-base {
  color: #ffffff;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-base-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-base:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-base:hover:not(.disable-hover) {
  color: #ffffff;
}

.toolbar-wp-darkorange .bar-button-outline-wp-base {
  border-color: #ebebeb;
  color: #ebebeb;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-darkorange .bar-button-solid-wp-base {
  color: #000;
  background-color: #ffffff;
}

.toolbar-wp-darkorange .bar-button-solid-wp-base.activated {
  color: #000;
  background-color: #ebebeb;
}

.toolbar-wp-darkorange .bar-button-headerBg-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-headerBg,
.toolbar-wp-darkorange .bar-button-wp-headerBg {
  color: #2d2940;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-headerBg-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-headerBg:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-headerBg:hover:not(.disable-hover) {
  color: #2d2940;
}

.toolbar-wp-darkorange .bar-button-outline-wp-headerBg {
  border-color: #3e3a4f;
  color: #3e3a4f;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-darkorange .bar-button-solid-wp-headerBg {
  color: #fff;
  background-color: #2d2940;
}

.toolbar-wp-darkorange .bar-button-solid-wp-headerBg.activated {
  color: #fff;
  background-color: #3e3a4f;
}

.toolbar-wp-darkorange .bar-button-borderColor-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-borderColor,
.toolbar-wp-darkorange .bar-button-wp-borderColor {
  color: #37314b;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-borderColor-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-borderColor:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-borderColor:hover:not(.disable-hover) {
  color: #37314b;
}

.toolbar-wp-darkorange .bar-button-outline-wp-borderColor {
  border-color: #474159;
  color: #474159;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-darkorange .bar-button-solid-wp-borderColor {
  color: #fff;
  background-color: #37314b;
}

.toolbar-wp-darkorange .bar-button-solid-wp-borderColor.activated {
  color: #fff;
  background-color: #474159;
}

.toolbar-wp-darkorange .bar-button-backgroundColor-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-backgroundColor,
.toolbar-wp-darkorange .bar-button-wp-backgroundColor {
  color: #1d1c22;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-backgroundColor-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-backgroundColor:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-backgroundColor:hover:not(.disable-hover) {
  color: #1d1c22;
}

.toolbar-wp-darkorange .bar-button-outline-wp-backgroundColor {
  border-color: #2f2e34;
  color: #2f2e34;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-darkorange .bar-button-solid-wp-backgroundColor {
  color: #fff;
  background-color: #1d1c22;
}

.toolbar-wp-darkorange .bar-button-solid-wp-backgroundColor.activated {
  color: #fff;
  background-color: #2f2e34;
}

.toolbar-wp-darkorange .bar-button-bluegrey-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-bluegrey,
.toolbar-wp-darkorange .bar-button-wp-bluegrey {
  color: #1a7d9d;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-bluegrey-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-bluegrey:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-bluegrey:hover:not(.disable-hover) {
  color: #1a7d9d;
}

.toolbar-wp-darkorange .bar-button-outline-wp-bluegrey {
  border-color: #2c87a5;
  color: #2c87a5;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-darkorange .bar-button-solid-wp-bluegrey {
  color: #fff;
  background-color: #1a7d9d;
}

.toolbar-wp-darkorange .bar-button-solid-wp-bluegrey.activated {
  color: #fff;
  background-color: #2c87a5;
}

.toolbar-wp-darkorange .bar-button-darkorange-wp,
.toolbar-wp-darkorange .bar-button-clear-wp-darkorange,
.toolbar-wp-darkorange .bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-darkorange-wp:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.toolbar-wp-darkorange .bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.toolbar-wp-darkorange .bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.toolbar-wp-darkorange .bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.toolbar-wp-darkorange .bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.toolbar-wp-darkorange .bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-darkorange-wp,
.bar-button-clear-wp-darkorange,
.bar-button-wp-darkorange {
  color: #bd871e;
  background-color: transparent;
}

.bar-button-darkorange-wp:hover:not(.disable-hover),
.bar-button-clear-wp-darkorange:hover:not(.disable-hover),
.bar-button-wp-darkorange:hover:not(.disable-hover) {
  color: #bd871e;
}

.bar-button-outline-wp-darkorange {
  border-color: #c29130;
  color: #c29130;
  background-color: transparent;
}

.bar-button-outline-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-solid-wp-darkorange {
  color: #fff;
  background-color: #bd871e;
}

.bar-button-solid-wp-darkorange.activated {
  color: #fff;
  background-color: #c29130;
}

.bar-button-strong-wp {
  font-weight: bold;
}

.text-ios-primary {
  color: #1d1c22;
}

.text-ios-secondary {
  color: #fa8c16;
}

.text-ios-twitter {
  color: #55acee;
}

.text-ios-danger {
  color: #f53d3d;
}

.text-ios-light {
  color: #d4cdec;
}

.text-ios-sandy {
  color: #e49f68;
}

.text-ios-purple {
  color: #685a92;
}

.text-ios-base {
  color: #ffffff;
}

.text-ios-headerBg {
  color: #2d2940;
}

.text-ios-borderColor {
  color: #37314b;
}

.text-ios-backgroundColor {
  color: #1d1c22;
}

.text-ios-bluegrey {
  color: #1a7d9d;
}

.text-ios-darkorange {
  color: #bd871e;
}

.text-md-primary {
  color: #1d1c22;
}

.text-md-secondary {
  color: #fa8c16;
}

.text-md-twitter {
  color: #55acee;
}

.text-md-danger {
  color: #f53d3d;
}

.text-md-light {
  color: #d4cdec;
}

.text-md-sandy {
  color: #e49f68;
}

.text-md-purple {
  color: #685a92;
}

.text-md-base {
  color: #ffffff;
}

.text-md-headerBg {
  color: #2d2940;
}

.text-md-borderColor {
  color: #37314b;
}

.text-md-backgroundColor {
  color: #1d1c22;
}

.text-md-bluegrey {
  color: #1a7d9d;
}

.text-md-darkorange {
  color: #bd871e;
}

.text-wp-primary {
  color: #1d1c22;
}

.text-wp-secondary {
  color: #fa8c16;
}

.text-wp-twitter {
  color: #55acee;
}

.text-wp-danger {
  color: #f53d3d;
}

.text-wp-light {
  color: #d4cdec;
}

.text-wp-sandy {
  color: #e49f68;
}

.text-wp-purple {
  color: #685a92;
}

.text-wp-base {
  color: #ffffff;
}

.text-wp-headerBg {
  color: #2d2940;
}

.text-wp-borderColor {
  color: #37314b;
}

.text-wp-backgroundColor {
  color: #1d1c22;
}

.text-wp-bluegrey {
  color: #1a7d9d;
}

.text-wp-darkorange {
  color: #bd871e;
}

.virtual-loading {
  opacity: 0;
}

.virtual-scroll {
  position: relative;
  contain: content;
}

.virtual-scroll .virtual-position,
.virtual-scroll .virtual-position.item {
  left: 0;
  top: 0;
  position: absolute;
  -webkit-transition-duration: 0ms;
  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 > .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);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(44px + 20px);
  min-height: calc(44px + constant(safe-area-inset-top));
  min-height: calc(44px + env(safe-area-inset-top));
}

.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-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;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.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-content.statusbar-padding:first-child[padding] .scroll-content,
.ios ion-tab > .ion-page > 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);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.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 > .toolbar.statusbar-padding:first-child ion-segment,
.ios ion-tab > .ion-page > .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;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
  height: calc(44px + 20px);
  height: calc(44px + constant(safe-area-inset-top));
  height: calc(44px + env(safe-area-inset-top));
  min-height: calc(44px + 20px);
  min-height: calc(44px + constant(safe-area-inset-top));
  min-height: calc(44px + env(safe-area-inset-top));
}

@media only screen and (max-width: 767px) {
  .ios .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(44px + 20px);
    min-height: calc(44px + constant(safe-area-inset-top));
    min-height: calc(44px + env(safe-area-inset-top));
  }
  .ios .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .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);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .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;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
    height: calc(44px + 20px);
    height: calc(44px + constant(safe-area-inset-top));
    height: calc(44px + env(safe-area-inset-top));
    min-height: calc(44px + 20px);
    min-height: calc(44px + constant(safe-area-inset-top));
    min-height: calc(44px + env(safe-area-inset-top));
  }
}

.ios .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.ios ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(44px + constant(safe-area-inset-bottom));
  min-height: calc(44px + env(safe-area-inset-bottom));
}

.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 > .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);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(56px + 20px);
  min-height: calc(56px + constant(safe-area-inset-top));
  min-height: calc(56px + env(safe-area-inset-top));
}

.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-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;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.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-content.statusbar-padding:first-child[padding] .scroll-content,
.md ion-tab > .ion-page > 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);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

@media only screen and (max-width: 767px) {
  .md .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(56px + 20px);
    min-height: calc(56px + constant(safe-area-inset-top));
    min-height: calc(56px + env(safe-area-inset-top));
  }
  .md .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .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);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
}

.md .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.md ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(56px + constant(safe-area-inset-bottom));
  min-height: calc(56px + env(safe-area-inset-bottom));
}

.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 > .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);
  padding-top: calc(constant(safe-area-inset-top) + 4px);
  padding-top: calc(env(safe-area-inset-top) + 4px);
  min-height: calc(46px + 20px);
  min-height: calc(46px + constant(safe-area-inset-top));
  min-height: calc(46px + env(safe-area-inset-top));
}

.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-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;
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

.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-content.statusbar-padding:first-child[padding] .scroll-content,
.wp ion-tab > .ion-page > 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);
  padding-top: constant(safe-area-inset-top);
  padding-top: env(safe-area-inset-top);
}

@media only screen and (max-width: 767px) {
  .wp .modal-wrapper > .ion-page > ion-header > .toolbar.statusbar-padding:first-child {
    padding-top: calc(20px + 4px);
    padding-top: calc(constant(safe-area-inset-top) + 4px);
    padding-top: calc(env(safe-area-inset-top) + 4px);
    min-height: calc(46px + 20px);
    min-height: calc(46px + constant(safe-area-inset-top));
    min-height: calc(46px + env(safe-area-inset-top));
  }
  .wp .modal-wrapper > .ion-page > ion-header > ion-content.statusbar-padding:first-child .scroll-content {
    padding-top: 20px;
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
  .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);
    padding-top: constant(safe-area-inset-top);
    padding-top: env(safe-area-inset-top);
  }
}

.wp .tabs:not(.tabs-ios[tabsPlacement=top]) .tabbar {
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.wp ion-footer .toolbar:last-child {
  padding-bottom: calc(constant(safe-area-inset-bottom) + 4px);
  padding-bottom: calc(env(safe-area-inset-bottom) + 4px);
  min-height: calc(46px + constant(safe-area-inset-bottom));
  min-height: calc(46px + env(safe-area-inset-bottom));
}

:root .rmb-theme {
  --cp-color1: #2b2b30;
  --cp-color2: #33333e;
  --cp-color3: #26252a;
  --cp-color4: #373741;
  --cp-color5: #28282a;
  --cp-color6: #33363e;
  --cp-color7: #343740;
  --cp-color8: #a2aac1;
  --cp-color9: #3f3f47;
  --cp-color10: #2b2c31;
  --cp-color11: #1c1d22;
  --cp-color12: #121315;
  --cp-color13: #2c2c34;
  --cp-color14: #363842;
  --cp-color15: #1c1d22;
  --cp-color16: #33333b;
  --cp-color17: #33334b;
  --cp-color18: #2c2c34;
  --cp-color19: #1b1c20;
  --cp-color20: #c5c8db;
  --cp-color21: #43434d;
  --cp-color22: #61677d;
  --cp-color23: #27282d;
  --cp-color24: #1c1d22;
  --cp-color25: #fff;
  --cp-color26: #121214;
  --cp-color27: #1c1d22;
  --cp-color28: #232429;
  --cp-color29: #3d404f;
  --cp-color30: #33363f;
  --cp-color31: #1c1d22;
  --cp-color32: #33363f;
  --cp-color33: #3c3e4a;
  --cp-color34: #1c1d22;
  --cp-color35: #30323e;
  --cp-color36: #424355;
  --cp-color37: #30323e;
  --cp-color38: #424355;
  --cp-color39: #1c1d22;
  --cp-color40: #33363f;
  --cp-color41: #2c2f38;
  --cp-color42: #64382f;
  --cp-color43: #2f313d;
  --cp-color44: #292931;
  --cp-color45: #5e5e6a;
  --cp-color46: #ffa119;
  --cp-color47: #353948;
  --cp-color48: #36353b;
  --cp-color49: #999a9d;
  --cp-color50: #1c1d21;
  --cp-color51: #1b1c20;
  --cp-color52: #292931;
  --cp-color53: #363942;
  --cp-color54: #ff8f53;
  --cp-color55: #bd461e;
  --cp-color56: #f5bd6a;
  --cp-color57: #27282f;
  --cp-color58: #404454;
  --cp-color59: #161619;
  --cp-color60: #b3b3bd;
  --cp-color61: #1e1e20;
  --cp-color62: #131315;
  --cp-color63: #272729;
  --cp-color64: #09c2ff;
  --cp-color65: #a0a0ac;
  --cp-color66: #28282c;
  --cp-color67: #131315;
  --cp-color68: #a07a50;
  --cp-color69: #25262a;
  --cp-color70: #1b1c20;
  --cp-color71: #e76938;
  --cp-color72: #a53b13;
  --cp-color73: #ff8252;
  --cp-color74: #cc5021;
  --cp-color75: #4273b5;
  --cp-color76: #26599f;
  --cp-color77: #5c94e1;
  --cp-color78: #2c65b4;
  --cp-color79: #6337c6;
  --cp-color80: #471ca0;
  --cp-color81: #1e1e21;
  --cp-color82: #313137;
  --cp-color83: #3e3e44;
  --cp-color84: #19191a;
  --cp-color85: #28282d;
  --cp-color86: #3b3e48;
  --cp-color87: #1a1a1b;
  --cp-color88: #3e3d49;
  --cp-color89: #40434b;
  --cp-color90: #24262b;
  --cp-color91: #272a31;
  --cp-color92: #222228;
  --cp-color93: #30333a;
  --cp-color94: #23242a;
  --cp-color95: #1f1e25;
  --cp-color96: #565562;
  --cp-color97: #1f2128;
  --cp-color98: #28292e;
  --cp-color99: #38373c;
  --cp-color100: #f3794a;
  --cp-color101: #474955;
  --cp-color102: #484a55;
  --cp-color103: #9a9db4;
  --cp-color104: #333541;
  --cp-color105: #292931;
  --cp-color106: #222328;
  --cp-color107: #2b2f39;
  --cp-color108: #424353;
  --cp-color109: #949aa4;
  --cp-color110: #333640;
  --cp-color111: #484852;
  --cp-color112: #2e2e36;
  --cp-color113: #26272e;
  --cp-color114: #36353e;
  --cp-color115: #36353e;
  --cp-color116: #36353e;
  --cp-color117: #26272e;
  --cp-color118: #9c9fb7;
  --cp-color119: #6b6a82;
  --cp-color120: #27272f;
  --cp-color121: #2f2f39;
  --cp-color122: #5e5e6a;
  --cp-color123: #101115;
  --cp-color124: #ffe404;
  --cp-color125: #f1f4fe;
  --cp-color126: #4b4e5c;
  --cp-color127: #3d404b;
  --cp-color128: #606270;
  --cp-color129: #cfc692;
  --cp-color130: #353b4d;
  --cp-color131: #474c59;
  --cp-color132: #bcbfcd;
  --cp-color133: #2b2f3d;
  --cp-color134: #2d313b;
  --cp-color135: #3a3f4d;
  --cp-color136: #e88d21;
  --cp-color137: #232329;
  --cp-color138: #36363e;
  --cp-color139: #1c1d22;
  --cp-color140: #bcbfcc;
  --cp-color141: #f97e51;
  --cp-color142: #15171a;
  --cp-color143: #a6a9b6;
  --cp-color144: #29292a;
  --cp-color145: #a6a9b6;
  --cp-color146: #42444b;
  --cp-color147: #cfc692;
  --cp-color148: #c2c4cd;
  --cp-color149: #5b5c64;
  --cp-color150: #292a30;
  --cp-color151: #26272c;
  --cp-color152: #292b31;
  --cp-color153: #393a43;
  --cp-color154: #4c4d59;
  --cp-color155: #eb8a42;
  --cp-color156: #4b505b;
  --cp-color157: #62646b;
  --cp-color158: #f97e51;
  --cp-color159: #42444b;
  --cp-color160: #121315;
  --cp-color161: #ff7139;
  --cp-color162: #c4c1d4;
  --cp-color163: #b8b7be;
  --cp-color164: #1c1d22;
  --cp-color165: #888e9b;
  --cp-color166: url(../assets/images/brick/bg1@3x-r.png);
  --cp-color167: #f4792f;
  --cp-color168: linear-gradient(to top, #414350, #484b59, #545768);
  --cp-color169: #9ca0b0;
  --cp-color170: #9ca0b0;
  --cp-color171: #1c1d22;
  --cp-color172: #6d6d76;
  --cp-color173: #282a32;
  --cp-color174: #e0e1e4;
  --cp-color175: #5d6170;
  --cp-color176: #3d4256;
  --cp-color177: #c7d2ff;
  --cp-color178: #acb2cb;
  --cp-color179: #50525e;
  --cp-color180: #30323e;
  --cp-color181: #50525e;
  --cp-color182: #30323e;
  --cp-color183: 1px solid #50525e;
  --cp-color184: 0;
  --cp-color185: #30323e;
  --cp-color186: linear-gradient(to top, #2e61be, #517fe7);
  --cp-color187: linear-gradient(to bottom, #e0655f, #be3c36);
  --cp-color188: #ffb868;
  --cp-color189: #da964a;
  --cp-color190: #ed5a38;
  --cp-color191: #c17a42;
  --cp-color192: #ed5a38;
  --cp-color193: #3f4148;
  --cp-color194: #fff;
  --cp-color195: #3f4148;
  --cp-color196: #ed5a38;
  --cp-color197: #3e404b;
  --cp-color198: #41434f;
  --cp-color199: #9599ab;
  --cp-color200: #8591a9;
  --cp-color201: #3b3f51;
  --cp-color202: #51556d;
  --cp-color203: #c5c7d5;
  --cp-color204: #d78d3e;
  --cp-color205: #ffd490;
  --cp-color206: #1a1f29;
  --cp-color207: #3f414d;
  --cp-color208: #4a4f5f;
  --cp-color209: #8591a9;
  --cp-color210: #4b4e5d;
  --cp-color211: #bec2d1;
  --cp-color212: #58595d;
  --cp-color213: #9d9fab;
  --cp-color214: #26272b;
  --cp-color215: #2f3137;
  --cp-color216: #505363;
  --cp-color217: #292b31;
  --cp-color218: #393a43;
  --cp-color219: #4c4d59;
  --cp-color220: #eb8a42;
  --cp-color221: #8c8ca8;
  --cp-color222: #464459;
  --cp-color223: #62646b;
  --cp-color224: #fff;
  --cp-color225: #3d404f;
  --cp-color226: #555861;
  --cp-color227: #fff;
  --cp-color228: #36363e;
  --cp-color229: #121214;
  --cp-color230: #636770;
  --cp-color231: #8197bf;
  --cp-color232: #8098d1;
  --cp-color233: #3e4149;
  --cp-color234: #a2a8b9;
  --cp-color235: #454859;
  --cp-color236: #878ba3;
  --cp-color237: #505363;
  --cp-color238: #878ba3;
  --cp-color239: 28px;
  --cp-color240: auto;
  --cp-color241: 50%;
  --cp-color242: 0 0 50%;
  --cp-color243: row;
  --cp-color244: 0;
  --cp-color245: #42424c;
  --cp-color246: none;
  --cp-color247: 0.6rem 2rem;
  --cp-color248: 1rem;
  --cp-color249: left;
  --cp-color250: block;
  --cp-color251: #ffe404;
  --cp-color252: #45464b;
  --cp-color253: #ffaf59;
  --cp-color254: #e1e4e8;
  --cp-color255: #ffc880;
  --cp-color256: #cbced1;
  --cp-color257: #d6d7db;
  --cp-color258: #a1a6ad;
  --cp-color259: #fff;
  --cp-color260: #363637;
  --cp-color261: #fff;
  --cp-color262: 2px;
  --cp-color263: #fff;
  --cp-color264: #e1a463;
  --cp-color265: #c9d1e3;
  --cp-color266: #fff;
  --cp-color267: #fff01d;
  --cp-color268: #babbbb;
  --cp-color269: #fff;
  --cp-color270: #3d4047;
  --cp-color271: calc(100% - 4px);
  --cp-color272: #b1a694;
  --cp-color273: #2e2e35;
  --cp-color274: #e1e3e7;
  --cp-color275: #2a2e35;
  --cp-color276: #3d4047;
  --cp-color277: #babbbb;
  --cp-color278: #fff;
  --cp-color279: #fff;
  --cp-color280: #a3aab5;
  --cp-color281: #87888b;
  --cp-color282: #e9d3b1;
  --cp-color283: #a8b3d1;
  --cp-color284: #dd5959;
  --cp-color285: #fff;
  --cp-color286: #;
  --cp-color287: #;
  --cp-color288: #;
  --cp-color289: #;
  --cp-color290: #;
  --cp-color291: #;
  --cp-color292: #;
  --cp-color293: #;
  --cp-color294: #;
  --cp-color295: #;
  --cp-color296: #;
  --cp-color297: #;
  --cp-color298: #;
  --cp-color299: #;
  --cp-color300: #;
  --cp-color301: #;
  --cp-color302: #;
  --cp-color303: #;
  --cp-color304: #;
  --cp-color305: #;
  --cp-color306: #;
  --cp-color307: #;
  --cp-color308: #;
  --cp-color309: #;
}

:root .usd-theme {
  --cp-color1: #2d2940;
  --cp-color2: #393245;
  --cp-color3: #332c3c;
  --cp-color4: #5c5168;
  --cp-color5: #867ea9;
  --cp-color6: #2f2c3b;
  --cp-color7: #363047;
  --cp-color8: #b1a4db;
  --cp-color9: #423a56;
  --cp-color10: #312c3c;
  --cp-color11: #292533;
  --cp-color12: #1d1c22;
  --cp-color13: #292632;
  --cp-color14: rgba(213, 205, 237, 0.1);
  --cp-color15: #44386d;
  --cp-color16: #61509b;
  --cp-color17: #322757;
  --cp-color18: #292632;
  --cp-color19: #211e29;
  --cp-color20: #fff;
  --cp-color21: #4f4668;
  --cp-color22: #645b7e;
  --cp-color23: #19181e;
  --cp-color24: #1d1c22;
  --cp-color25: #d5cded;
  --cp-color26: #4d4470;
  --cp-color27: #2d2940;
  --cp-color28: #433e57;
  --cp-color29: #615b82;
  --cp-color30: #423b55;
  --cp-color31: #292632;
  --cp-color32: #423b55;
  --cp-color33: #4c475b;
  --cp-color34: #292632;
  --cp-color35: #3d374f;
  --cp-color36: #4c416c;
  --cp-color37: #3a2e61;
  --cp-color38: #584889;
  --cp-color39: #2d2840;
  --cp-color40: #3c364c;
  --cp-color41: #403857;
  --cp-color42: #483b6d;
  --cp-color43: #373147;
  --cp-color44: #292533;
  --cp-color45: #4e456f;
  --cp-color46: #ebc07b;
  --cp-color47: #101115;
  --cp-color48: #302e39;
  --cp-color49: #9e9ab4;
  --cp-color50: #1c1b21;
  --cp-color51: #1c1b21;
  --cp-color52: #2f2d38;
  --cp-color53: transparent;
  --cp-color54: #e6ac57;
  --cp-color55: #c16832;
  --cp-color56: #e38f5b;
  --cp-color57: #292632;
  --cp-color58: #2f2b3d;
  --cp-color59: #19171c;
  --cp-color60: #86848e;
  --cp-color61: #1d1c22;
  --cp-color62: rgba(0, 0, 0, 0.45);
  --cp-color63: rgba(0, 0, 0, 0.45);
  --cp-color64: #1890ff;
  --cp-color65: #7c6f9e;
  --cp-color66: #3e3a51;
  --cp-color67: #292533;
  --cp-color68: #7764b3;
  --cp-color69: #494254;
  --cp-color70: #302c3a;
  --cp-color71: #352c47;
  --cp-color72: #4e3e6f;
  --cp-color73: #4b3c6e;
  --cp-color74: #7355b0;
  --cp-color75: #352c47;
  --cp-color76: #4e3e6f;
  --cp-color77: #4b3c6e;
  --cp-color78: #7355b0;
  --cp-color79: #352c47;
  --cp-color80: #4e3e6f;
  --cp-color81: #1e1a28;
  --cp-color82: #332f41;
  --cp-color83: #3c3748;
  --cp-color84: #1f1d28;
  --cp-color85: #564e75;
  --cp-color86: #3b384b;
  --cp-color87: #393447;
  --cp-color88: #3c3552;
  --cp-color89: #5d4e7a;
  --cp-color90: #4d4168;
  --cp-color91: #42345e;
  --cp-color92: #3C3148;
  --cp-color93: #3e3854;
  --cp-color94: #3e394e;
  --cp-color95: #2f2b3f;
  --cp-color96: #3c3552;
  --cp-color97: #433d57;
  --cp-color98: #564e75;
  --cp-color99: #3c3647;
  --cp-color100: #7762c3;
  --cp-color101: #736E8F;
  --cp-color102: #615B75;
  --cp-color103: #bbb4ca;
  --cp-color104: #3C364F;
  --cp-color105: #25212F;
  --cp-color106: #25212F;
  --cp-color107: #393146;
  --cp-color108: #4D4165;
  --cp-color109: #8C79A7;
  --cp-color110: #3e3854;
  --cp-color111: #5D4D74;
  --cp-color112: #3d3651;
  --cp-color113: #373047;
  --cp-color114: #3f3747;
  --cp-color115: #433651;
  --cp-color116: #433651;
  --cp-color117: #2f2740;
  --cp-color118: #B3A5E2;
  --cp-color119: #685a75;
  --cp-color120: #2f2740;
  --cp-color121: #433651;
  --cp-color122: #5e5e6a;
  --cp-color123: #2f2d3b;
  --cp-color124: red;
  --cp-color125: #d5cded;
  --cp-color126: #4a455b;
  --cp-color127: #202227;
  --cp-color128: #d5cded;
  --cp-color129: #8b77af;
  --cp-color130: #37314b;
  --cp-color131: #484264;
  --cp-color132: #a9a4cd;
  --cp-color133: #282638;
  --cp-color134: #2f2c3b;
  --cp-color135: #393548;
  --cp-color136: #6156a0;
  --cp-color137: #39335c;
  --cp-color138: #453e6c;
  --cp-color139: #2a2533;
  --cp-color140: #d5cded;
  --cp-color141: #7061b7;
  --cp-color142: #1d1c22;
  --cp-color143: #bfb9d6;
  --cp-color144: #37314b;
  --cp-color145: #d5cded;
  --cp-color146: #373343;
  --cp-color147: #ad94fc;
  --cp-color148: #d5cded;
  --cp-color149: #8f8b9d;
  --cp-color150: rgba(213, 205, 237, 0.1);
  --cp-color151: #22212a;
  --cp-color152: #1b1a1f;
  --cp-color153: #2f2b3d;
  --cp-color154: #3f374f;
  --cp-color155: #684fa3;
  --cp-color156: #292533;
  --cp-color157: #2f2b3d;
  --cp-color158: #735abe;
  --cp-color159: #605a74;
  --cp-color160: #161619;
  --cp-color161: #6956bd;
  --cp-color162: #c0b9dc;
  --cp-color163: #c0b9dc;
  --cp-color164: #1d1c22;
  --cp-color165: #867ea9;
  --cp-color166: url(../assets/images/brick/bg1@3x.png);
  --cp-color167: #da8b32;
  --cp-color168: linear-gradient(to top, #3e3658, #302c3c);
  --cp-color169: #ab9ff1;
  --cp-color170: #7266a2;
  --cp-color171: #2d2740;
  --cp-color172: #444;
  --cp-color173: #3e3854;
  --cp-color174: #bfb5e5;
  --cp-color175: #736d8e;
  --cp-color176: #61558f;
  --cp-color177: #fff;
  --cp-color178: #bfb5e5;
  --cp-color179: #52496a;
  --cp-color180: #292632;
  --cp-color181: #575757;
  --cp-color182: transparent;
  --cp-color183: 0;
  --cp-color184: 1px solid #50525e;
  --cp-color185: #575757;
  --cp-color186: linear-gradient(to top, #6237a8, #7949c6);
  --cp-color187: linear-gradient(to bottom, #f88d4d, #e0793b);
  --cp-color188: #db7c43;
  --cp-color189: #db7c43;
  --cp-color190: #da8b32;
  --cp-color191: #da964a;
  --cp-color192: linear-gradient(to bottom, #ed9e5e, #c17a42);
  --cp-color193: linear-gradient(#ffffff, #f2f2f2);
  --cp-color194: #333;
  --cp-color195: #ddd;
  --cp-color196: #da964a;
  --cp-color197: #423b55;
  --cp-color198: #4c475b;
  --cp-color199: #8681a4;
  --cp-color200: #d3cce5;
  --cp-color201: #292434;
  --cp-color202: #362f45;
  --cp-color203: #d3cce5;
  --cp-color204: #604b96;
  --cp-color205: #797fa9;
  --cp-color206: #292334;
  --cp-color207: #363045;
  --cp-color208: #3c3d46;
  --cp-color209: #645a7a;
  --cp-color210: none;
  --cp-color211: #c0b9e0;
  --cp-color212: #343046;
  --cp-color213: #c0b9e0;
  --cp-color214: #242133;
  --cp-color215: #2e2b42;
  --cp-color216: #615c6c;
  --cp-color217: #292533;
  --cp-color218: #383346;
  --cp-color219: #423a56;
  --cp-color220: #634aa1;
  --cp-color221: #c0b3ec;
  --cp-color222: #44386d;
  --cp-color223: #373737;
  --cp-color224: #c2b6e7;
  --cp-color225: #423a56;
  --cp-color226: #1e1b30;
  --cp-color227: #b9b4da;
  --cp-color228: #363047;
  --cp-color229: #1d1b24;
  --cp-color230: #68627c;
  --cp-color231: #796ba3;
  --cp-color232: #9281c2;
  --cp-color233: #302c3d;
  --cp-color234: #8278a5;
  --cp-color235: #5a4c9d;
  --cp-color236: #9991bc;
  --cp-color237: #413e52;
  --cp-color238: #8e8aa5;
  --cp-color239: 28px;
  --cp-color240: auto;
  --cp-color241: 50%;
  --cp-color242: 0 0 50%;
  --cp-color243: row;
  --cp-color244: 0;
  --cp-color245: #202227;
  --cp-color246: #none;
  --cp-color247: 0.6rem 2rem;
  --cp-color248: 1rem;
  --cp-color249: left;
  --cp-color250: block;
  --cp-color251: #3dcdff;
  --cp-color252: #2d2940;
  --cp-color253: #ff0000;
  --cp-color254: #d4cdec;
  --cp-color255: #db9898;
  --cp-color256: #666;
  --cp-color257: #d4cdec;
  --cp-color258: red;
  --cp-color259: #000;
  --cp-color260: #eee;
  --cp-color261: transparent;
  --cp-color262: 0;
  --cp-color263: #fff;
  --cp-color264: #6071a1;
  --cp-color265: #d4cdec;
  --cp-color266: #6e6489;
  --cp-color267: #d4cdec;
  --cp-color268: #6e6489;
  --cp-color269: #d4cdec;
  --cp-color270: #292533;
  --cp-color271: 3rem;
  --cp-color272: #9b8ebf;
  --cp-color273: #292533;
  --cp-color274: #adabb1;
  --cp-color275: #292632;
  --cp-color276: #322e3f;
  --cp-color277: #a5a0b0;
  --cp-color278: #d4cdee;
  --cp-color279: #ccc3e1;
  --cp-color280: var(--cp-color280);
  --cp-color281: #69696a;
  --cp-color282: #bfb9d6;
  --cp-color283: #9889c4;
  --cp-color284: #563f99;
  --cp-color285: #9e9ba7;
  --cp-color286: #;
  --cp-color287: #;
  --cp-color288: #;
  --cp-color289: #;
  --cp-color290: #;
  --cp-color291: #;
  --cp-color292: #;
  --cp-color293: #;
  --cp-color294: #;
  --cp-color295: #;
  --cp-color296: #;
  --cp-color297: #;
  --cp-color298: #;
  --cp-color299: #;
  --cp-color300: #;
  --cp-color301: #;
  --cp-color302: #;
  --cp-color303: #;
  --cp-color304: #;
  --cp-color305: #;
  --cp-color306: #;
  --cp-color307: #;
  --cp-color308: #;
  --cp-color309: #;
}

ul,
li,
span,
input,
h1,
h2,
h3,
p,
div,
cite,
i,
b,
table,
th,
td,
tbody,
thead,
template,
ion-slider {
  margin: 0;
  padding: 0;
}

p,
div,
span,
i,
h1,
h2,
h3,
h4,
h5,
h6,
button,
ion-col {
  font-family: "微软雅黑";
}

ul,
li {
  list-style: none;
}

@font-face {
  font-family: DINAlternate;
  src: url(./../assets/fonts/DINAlternate/DINAlternate-Bold.woff2) format("woff2"), url(./../assets/fonts/DINAlternate/DINAlternate-Bold.woff) format("woff"), url(./../assets/fonts/DINAlternate/DINAlternate-Bold.ttf) format("truetype");
  font-weight: 700;
  font-style: normal;
}

@font-face {
  font-family: DSDigital;
  src: url(./../assets/fonts/DSDigital/DS-Digital.eot);
  src: url(./../assets/fonts/DSDigital/DS-Digital.woff2) format("woff2"), url(./../assets/fonts/DSDigital/DS-Digital.woff) format("woff"), url(./../assets/fonts/DSDigital/DS-Digital.ttf) format("truetype");
  font-weight: 400;
}

input::-webkit-input-placeholder {
  font-size: 1.4rem;
  color: #eee;
}

input:-ms-input-placeholder {
  font-size: 1.4rem;
  color: #eee;
}

input::-moz-placeholder {
  font-size: 1.4rem;
  color: #eee;
}

input::-ms-input-placeholder {
  font-size: 1.4rem;
  color: #eee;
}

input::placeholder {
  font-size: 1.4rem;
  color: #eee;
}

ion-backdrop[role="presentation"],
.popover-wrapper {
  will-change: unset !important;
  -webkit-transition-duration: 200ms !important;
  transition-duration: 200ms !important;
}

/* flex 弹性布局
------------------------------- */
.flex, .flex-evenly, .flex-start, .flex-column-start, page-create-account .create-account .form-group.normal-group, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .l, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .l, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content, .flex-center, .flex-column-center, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .down, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .down, .flex-between, .flex-column-between, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group, .flex-around, .flex-column-around, .flex-end, .flex-column-end, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.flex-auto {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.flex-row {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}

.flex-column, .flex-column-start, .flex-column-center, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, .flex-column-between, .flex-column-around, .flex-column-end {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.flex-ai-start {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.flex-ai-center, .flex-evenly, .flex-start, .flex-column-start, page-create-account .create-account .form-group.normal-group, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .l, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .l, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content, .flex-center, .flex-column-center, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .down, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .down, .flex-between, .flex-column-between, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group, .flex-around, .flex-column-around, .flex-end, .flex-column-end, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-ai-end {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  align-items: flex-end;
}

.flex-jc-start, .flex-start, .flex-column-start, page-create-account .create-account .form-group.normal-group, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .l, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .l, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.flex-jc-center, .flex-center, .flex-column-center, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .down, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .down {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.flex-jc-between, .flex-between, .flex-column-between, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-jc-around, .flex-around, .flex-column-around {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.flex-jc-end, .flex-end, .flex-column-end, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.flex-jc-evenly, .flex-evenly {
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

.flex-wrap {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.flex-nowrap {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

/* 字体大小全局样式
------------------------------- */
.font8 {
  font-size: 0.8rem !important;
}

.font9 {
  font-size: 0.9rem !important;
}

.font10 {
  font-size: 1rem !important;
}

.font11 {
  font-size: 1.1rem !important;
}

.font12 {
  font-size: 1.2rem !important;
}

.font13 {
  font-size: 1.3rem !important;
}

.font14 {
  font-size: 1.4rem !important;
}

.font15 {
  font-size: 1.5rem !important;
}

.font16 {
  font-size: 1.6rem !important;
}

.font17 {
  font-size: 1.7rem !important;
}

.font18 {
  font-size: 1.8rem !important;
}

.font19 {
  font-size: 1.9rem !important;
}

.font20 {
  font-size: 2rem !important;
}

.font21 {
  font-size: 2.1rem !important;
}

.font22 {
  font-size: 2.2rem !important;
}

.font23 {
  font-size: 2.3rem !important;
}

.font24 {
  font-size: 2.4rem !important;
}

.font25 {
  font-size: 2.5rem !important;
}

.font26 {
  font-size: 2.6rem !important;
}

.font27 {
  font-size: 2.7rem !important;
}

.font28 {
  font-size: 2.8rem !important;
}

.font29 {
  font-size: 2.9rem !important;
}

.font30 {
  font-size: 3rem !important;
}

.font31 {
  font-size: 3.1rem !important;
}

.font32 {
  font-size: 3.2rem !important;
}

.font33 {
  font-size: 3.3rem !important;
}

.font34 {
  font-size: 3.4rem !important;
}

.font35 {
  font-size: 3.5rem !important;
}

.font36 {
  font-size: 3.6rem !important;
}

.font37 {
  font-size: 3.7rem !important;
}

.font38 {
  font-size: 3.8rem !important;
}

.font39 {
  font-size: 3.9rem !important;
}

.font40 {
  font-size: 4rem !important;
}

.font41 {
  font-size: 4.1rem !important;
}

.font42 {
  font-size: 4.2rem !important;
}

.font43 {
  font-size: 4.3rem !important;
}

.font44 {
  font-size: 4.4rem !important;
}

.font45 {
  font-size: 4.5rem !important;
}

.font46 {
  font-size: 4.6rem !important;
}

.font47 {
  font-size: 4.7rem !important;
}

.font48 {
  font-size: 4.8rem !important;
}

/* 外边距、内边距全局样式
------------------------------- */
.mt-10 {
  margin-top: -10px !important;
}

.mr-10 {
  margin-right: -10px !important;
}

.mb-10 {
  margin-bottom: -10px !important;
}

.ml-10 {
  margin-left: -10px !important;
}

.pt-10 {
  padding-top: -10px !important;
}

.pr-10 {
  padding-right: -10px !important;
}

.pb-10 {
  padding-bottom: -10px !important;
}

.pl-10 {
  padding-left: -10px !important;
}

.mt-9 {
  margin-top: -9px !important;
}

.mr-9 {
  margin-right: -9px !important;
}

.mb-9 {
  margin-bottom: -9px !important;
}

.ml-9 {
  margin-left: -9px !important;
}

.pt-9 {
  padding-top: -9px !important;
}

.pr-9 {
  padding-right: -9px !important;
}

.pb-9 {
  padding-bottom: -9px !important;
}

.pl-9 {
  padding-left: -9px !important;
}

.mt-8 {
  margin-top: -8px !important;
}

.mr-8 {
  margin-right: -8px !important;
}

.mb-8 {
  margin-bottom: -8px !important;
}

.ml-8 {
  margin-left: -8px !important;
}

.pt-8 {
  padding-top: -8px !important;
}

.pr-8 {
  padding-right: -8px !important;
}

.pb-8 {
  padding-bottom: -8px !important;
}

.pl-8 {
  padding-left: -8px !important;
}

.mt-7 {
  margin-top: -7px !important;
}

.mr-7 {
  margin-right: -7px !important;
}

.mb-7 {
  margin-bottom: -7px !important;
}

.ml-7 {
  margin-left: -7px !important;
}

.pt-7 {
  padding-top: -7px !important;
}

.pr-7 {
  padding-right: -7px !important;
}

.pb-7 {
  padding-bottom: -7px !important;
}

.pl-7 {
  padding-left: -7px !important;
}

.mt-6 {
  margin-top: -6px !important;
}

.mr-6 {
  margin-right: -6px !important;
}

.mb-6 {
  margin-bottom: -6px !important;
}

.ml-6 {
  margin-left: -6px !important;
}

.pt-6 {
  padding-top: -6px !important;
}

.pr-6 {
  padding-right: -6px !important;
}

.pb-6 {
  padding-bottom: -6px !important;
}

.pl-6 {
  padding-left: -6px !important;
}

.mt-5 {
  margin-top: -5px !important;
}

.mr-5 {
  margin-right: -5px !important;
}

.mb-5 {
  margin-bottom: -5px !important;
}

.ml-5 {
  margin-left: -5px !important;
}

.pt-5 {
  padding-top: -5px !important;
}

.pr-5 {
  padding-right: -5px !important;
}

.pb-5 {
  padding-bottom: -5px !important;
}

.pl-5 {
  padding-left: -5px !important;
}

.mt-4 {
  margin-top: -4px !important;
}

.mr-4 {
  margin-right: -4px !important;
}

.mb-4 {
  margin-bottom: -4px !important;
}

.ml-4 {
  margin-left: -4px !important;
}

.pt-4 {
  padding-top: -4px !important;
}

.pr-4 {
  padding-right: -4px !important;
}

.pb-4 {
  padding-bottom: -4px !important;
}

.pl-4 {
  padding-left: -4px !important;
}

.mt-3 {
  margin-top: -3px !important;
}

.mr-3 {
  margin-right: -3px !important;
}

.mb-3 {
  margin-bottom: -3px !important;
}

.ml-3 {
  margin-left: -3px !important;
}

.pt-3 {
  padding-top: -3px !important;
}

.pr-3 {
  padding-right: -3px !important;
}

.pb-3 {
  padding-bottom: -3px !important;
}

.pl-3 {
  padding-left: -3px !important;
}

.mt-2 {
  margin-top: -2px !important;
}

.mr-2 {
  margin-right: -2px !important;
}

.mb-2 {
  margin-bottom: -2px !important;
}

.ml-2 {
  margin-left: -2px !important;
}

.pt-2 {
  padding-top: -2px !important;
}

.pr-2 {
  padding-right: -2px !important;
}

.pb-2 {
  padding-bottom: -2px !important;
}

.pl-2 {
  padding-left: -2px !important;
}

.mt-1 {
  margin-top: -1px !important;
}

.mr-1 {
  margin-right: -1px !important;
}

.mb-1 {
  margin-bottom: -1px !important;
}

.ml-1 {
  margin-left: -1px !important;
}

.pt-1 {
  padding-top: -1px !important;
}

.pr-1 {
  padding-right: -1px !important;
}

.pb-1 {
  padding-bottom: -1px !important;
}

.pl-1 {
  padding-left: -1px !important;
}

.mt0 {
  margin-top: 0px !important;
}

.mr0 {
  margin-right: 0px !important;
}

.mb0 {
  margin-bottom: 0px !important;
}

.ml0 {
  margin-left: 0px !important;
}

.pt0 {
  padding-top: 0px !important;
}

.pr0 {
  padding-right: 0px !important;
}

.pb0 {
  padding-bottom: 0px !important;
}

.pl0 {
  padding-left: 0px !important;
}

.mt1 {
  margin-top: 1px !important;
}

.mr1 {
  margin-right: 1px !important;
}

.mb1 {
  margin-bottom: 1px !important;
}

.ml1 {
  margin-left: 1px !important;
}

.pt1 {
  padding-top: 1px !important;
}

.pr1 {
  padding-right: 1px !important;
}

.pb1 {
  padding-bottom: 1px !important;
}

.pl1 {
  padding-left: 1px !important;
}

.mt2 {
  margin-top: 2px !important;
}

.mr2 {
  margin-right: 2px !important;
}

.mb2 {
  margin-bottom: 2px !important;
}

.ml2 {
  margin-left: 2px !important;
}

.pt2 {
  padding-top: 2px !important;
}

.pr2 {
  padding-right: 2px !important;
}

.pb2 {
  padding-bottom: 2px !important;
}

.pl2 {
  padding-left: 2px !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mr3 {
  margin-right: 3px !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.ml3 {
  margin-left: 3px !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pr3 {
  padding-right: 3px !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pl3 {
  padding-left: 3px !important;
}

.mt4 {
  margin-top: 4px !important;
}

.mr4 {
  margin-right: 4px !important;
}

.mb4 {
  margin-bottom: 4px !important;
}

.ml4 {
  margin-left: 4px !important;
}

.pt4 {
  padding-top: 4px !important;
}

.pr4 {
  padding-right: 4px !important;
}

.pb4 {
  padding-bottom: 4px !important;
}

.pl4 {
  padding-left: 4px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.ml5 {
  margin-left: 5px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pl5 {
  padding-left: 5px !important;
}

.mt6 {
  margin-top: 6px !important;
}

.mr6 {
  margin-right: 6px !important;
}

.mb6 {
  margin-bottom: 6px !important;
}

.ml6 {
  margin-left: 6px !important;
}

.pt6 {
  padding-top: 6px !important;
}

.pr6 {
  padding-right: 6px !important;
}

.pb6 {
  padding-bottom: 6px !important;
}

.pl6 {
  padding-left: 6px !important;
}

.mt7 {
  margin-top: 7px !important;
}

.mr7 {
  margin-right: 7px !important;
}

.mb7 {
  margin-bottom: 7px !important;
}

.ml7 {
  margin-left: 7px !important;
}

.pt7 {
  padding-top: 7px !important;
}

.pr7 {
  padding-right: 7px !important;
}

.pb7 {
  padding-bottom: 7px !important;
}

.pl7 {
  padding-left: 7px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mr8 {
  margin-right: 8px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.ml8 {
  margin-left: 8px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pr8 {
  padding-right: 8px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pl8 {
  padding-left: 8px !important;
}

.mt9 {
  margin-top: 9px !important;
}

.mr9 {
  margin-right: 9px !important;
}

.mb9 {
  margin-bottom: 9px !important;
}

.ml9 {
  margin-left: 9px !important;
}

.pt9 {
  padding-top: 9px !important;
}

.pr9 {
  padding-right: 9px !important;
}

.pb9 {
  padding-bottom: 9px !important;
}

.pl9 {
  padding-left: 9px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.mt11 {
  margin-top: 11px !important;
}

.mr11 {
  margin-right: 11px !important;
}

.mb11 {
  margin-bottom: 11px !important;
}

.ml11 {
  margin-left: 11px !important;
}

.pt11 {
  padding-top: 11px !important;
}

.pr11 {
  padding-right: 11px !important;
}

.pb11 {
  padding-bottom: 11px !important;
}

.pl11 {
  padding-left: 11px !important;
}

.mt12 {
  margin-top: 12px !important;
}

.mr12 {
  margin-right: 12px !important;
}

.mb12 {
  margin-bottom: 12px !important;
}

.ml12 {
  margin-left: 12px !important;
}

.pt12 {
  padding-top: 12px !important;
}

.pr12 {
  padding-right: 12px !important;
}

.pb12 {
  padding-bottom: 12px !important;
}

.pl12 {
  padding-left: 12px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.ml13 {
  margin-left: 13px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pr13 {
  padding-right: 13px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pl13 {
  padding-left: 13px !important;
}

.mt14 {
  margin-top: 14px !important;
}

.mr14 {
  margin-right: 14px !important;
}

.mb14 {
  margin-bottom: 14px !important;
}

.ml14 {
  margin-left: 14px !important;
}

.pt14 {
  padding-top: 14px !important;
}

.pr14 {
  padding-right: 14px !important;
}

.pb14 {
  padding-bottom: 14px !important;
}

.pl14 {
  padding-left: 14px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.mt16 {
  margin-top: 16px !important;
}

.mr16 {
  margin-right: 16px !important;
}

.mb16 {
  margin-bottom: 16px !important;
}

.ml16 {
  margin-left: 16px !important;
}

.pt16 {
  padding-top: 16px !important;
}

.pr16 {
  padding-right: 16px !important;
}

.pb16 {
  padding-bottom: 16px !important;
}

.pl16 {
  padding-left: 16px !important;
}

.mt17 {
  margin-top: 17px !important;
}

.mr17 {
  margin-right: 17px !important;
}

.mb17 {
  margin-bottom: 17px !important;
}

.ml17 {
  margin-left: 17px !important;
}

.pt17 {
  padding-top: 17px !important;
}

.pr17 {
  padding-right: 17px !important;
}

.pb17 {
  padding-bottom: 17px !important;
}

.pl17 {
  padding-left: 17px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mr18 {
  margin-right: 18px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.ml18 {
  margin-left: 18px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pr18 {
  padding-right: 18px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pl18 {
  padding-left: 18px !important;
}

.mt19 {
  margin-top: 19px !important;
}

.mr19 {
  margin-right: 19px !important;
}

.mb19 {
  margin-bottom: 19px !important;
}

.ml19 {
  margin-left: 19px !important;
}

.pt19 {
  padding-top: 19px !important;
}

.pr19 {
  padding-right: 19px !important;
}

.pb19 {
  padding-bottom: 19px !important;
}

.pl19 {
  padding-left: 19px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.mt21 {
  margin-top: 21px !important;
}

.mr21 {
  margin-right: 21px !important;
}

.mb21 {
  margin-bottom: 21px !important;
}

.ml21 {
  margin-left: 21px !important;
}

.pt21 {
  padding-top: 21px !important;
}

.pr21 {
  padding-right: 21px !important;
}

.pb21 {
  padding-bottom: 21px !important;
}

.pl21 {
  padding-left: 21px !important;
}

.mt22 {
  margin-top: 22px !important;
}

.mr22 {
  margin-right: 22px !important;
}

.mb22 {
  margin-bottom: 22px !important;
}

.ml22 {
  margin-left: 22px !important;
}

.pt22 {
  padding-top: 22px !important;
}

.pr22 {
  padding-right: 22px !important;
}

.pb22 {
  padding-bottom: 22px !important;
}

.pl22 {
  padding-left: 22px !important;
}

.mt23 {
  margin-top: 23px !important;
}

.mr23 {
  margin-right: 23px !important;
}

.mb23 {
  margin-bottom: 23px !important;
}

.ml23 {
  margin-left: 23px !important;
}

.pt23 {
  padding-top: 23px !important;
}

.pr23 {
  padding-right: 23px !important;
}

.pb23 {
  padding-bottom: 23px !important;
}

.pl23 {
  padding-left: 23px !important;
}

.mt24 {
  margin-top: 24px !important;
}

.mr24 {
  margin-right: 24px !important;
}

.mb24 {
  margin-bottom: 24px !important;
}

.ml24 {
  margin-left: 24px !important;
}

.pt24 {
  padding-top: 24px !important;
}

.pr24 {
  padding-right: 24px !important;
}

.pb24 {
  padding-bottom: 24px !important;
}

.pl24 {
  padding-left: 24px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.mt26 {
  margin-top: 26px !important;
}

.mr26 {
  margin-right: 26px !important;
}

.mb26 {
  margin-bottom: 26px !important;
}

.ml26 {
  margin-left: 26px !important;
}

.pt26 {
  padding-top: 26px !important;
}

.pr26 {
  padding-right: 26px !important;
}

.pb26 {
  padding-bottom: 26px !important;
}

.pl26 {
  padding-left: 26px !important;
}

.mt27 {
  margin-top: 27px !important;
}

.mr27 {
  margin-right: 27px !important;
}

.mb27 {
  margin-bottom: 27px !important;
}

.ml27 {
  margin-left: 27px !important;
}

.pt27 {
  padding-top: 27px !important;
}

.pr27 {
  padding-right: 27px !important;
}

.pb27 {
  padding-bottom: 27px !important;
}

.pl27 {
  padding-left: 27px !important;
}

.mt28 {
  margin-top: 28px !important;
}

.mr28 {
  margin-right: 28px !important;
}

.mb28 {
  margin-bottom: 28px !important;
}

.ml28 {
  margin-left: 28px !important;
}

.pt28 {
  padding-top: 28px !important;
}

.pr28 {
  padding-right: 28px !important;
}

.pb28 {
  padding-bottom: 28px !important;
}

.pl28 {
  padding-left: 28px !important;
}

.mt29 {
  margin-top: 29px !important;
}

.mr29 {
  margin-right: 29px !important;
}

.mb29 {
  margin-bottom: 29px !important;
}

.ml29 {
  margin-left: 29px !important;
}

.pt29 {
  padding-top: 29px !important;
}

.pr29 {
  padding-right: 29px !important;
}

.pb29 {
  padding-bottom: 29px !important;
}

.pl29 {
  padding-left: 29px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.mt31 {
  margin-top: 31px !important;
}

.mr31 {
  margin-right: 31px !important;
}

.mb31 {
  margin-bottom: 31px !important;
}

.ml31 {
  margin-left: 31px !important;
}

.pt31 {
  padding-top: 31px !important;
}

.pr31 {
  padding-right: 31px !important;
}

.pb31 {
  padding-bottom: 31px !important;
}

.pl31 {
  padding-left: 31px !important;
}

.mt32 {
  margin-top: 32px !important;
}

.mr32 {
  margin-right: 32px !important;
}

.mb32 {
  margin-bottom: 32px !important;
}

.ml32 {
  margin-left: 32px !important;
}

.pt32 {
  padding-top: 32px !important;
}

.pr32 {
  padding-right: 32px !important;
}

.pb32 {
  padding-bottom: 32px !important;
}

.pl32 {
  padding-left: 32px !important;
}

.mt33 {
  margin-top: 33px !important;
}

.mr33 {
  margin-right: 33px !important;
}

.mb33 {
  margin-bottom: 33px !important;
}

.ml33 {
  margin-left: 33px !important;
}

.pt33 {
  padding-top: 33px !important;
}

.pr33 {
  padding-right: 33px !important;
}

.pb33 {
  padding-bottom: 33px !important;
}

.pl33 {
  padding-left: 33px !important;
}

.mt34 {
  margin-top: 34px !important;
}

.mr34 {
  margin-right: 34px !important;
}

.mb34 {
  margin-bottom: 34px !important;
}

.ml34 {
  margin-left: 34px !important;
}

.pt34 {
  padding-top: 34px !important;
}

.pr34 {
  padding-right: 34px !important;
}

.pb34 {
  padding-bottom: 34px !important;
}

.pl34 {
  padding-left: 34px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pr35 {
  padding-right: 35px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pl35 {
  padding-left: 35px !important;
}

/** 联系客服样式
-----------------------------*/
.xb-service {
  display: block;
  padding: 2.4rem;
  color: var(--cp-color265);
  font-size: 1.4rem;
  text-align: center;
}

.xb-service a {
  color: #55acee !important;
  text-decoration: none;
}

.app-update {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
}

.app-update .update-box {
  position: fixed;
  left: 50%;
  top: 50%;
  padding: 0rem 1.6rem;
  min-width: 32rem;
  max-width: 40rem;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  z-index: 10;
}

.app-update .wrapper {
  position: relative;
  background-color: #fff;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
  padding: 3rem 0;
}

.app-update .wrapper .title {
  text-align: center;
  font-weight: bold;
  margin: 0rem;
}

.app-update .wrapper .steps {
  padding: 1.6rem;
  min-height: 12rem;
}

.app-update .wrapper .steps h6 {
  margin: 0rem;
  font-size: 1.5rem;
  font-weight: bold;
}

.app-update .wrapper .steps .step {
  color: #969799;
  margin-top: 0.6rem;
}

.app-update .wrapper .steps .step .danger {
  font-style: normal;
  color: #eb4d44;
}

.app-update .wrapper .btns {
  text-align: center;
}

.app-update .wrapper .btns .btn-custom,
.app-update .wrapper .btns .btn-update {
  font-size: 1.4rem;
  padding: 1.2rem 2.4rem;
  display: inline-block;
  text-decoration: none;
  border-radius: 10rem;
  margin: auto;
  background: #eb4d44;
  color: #fff;
}

.app-update .wrapper .btns .btn-custom {
  margin-top: 0.8rem;
  background: transparent;
  color: #666;
}

.content.content-ios {
  color: #ffffff;
  background: var(--cp-color123);
  -webkit-transition-duration: 1ms !important;
  transition-duration: 1ms !important;
}

.content.content-ios .scroll-content {
  font-family: "Microsoft Yahei" sans-serif;
  border-top: none;
}

.header.header-ios > div,
.header.header-ios > .toolbar.toolbar-ios {
  -webkit-transition-duration: 1ms !important;
  transition-duration: 1ms !important;
}

input {
  font-family: "Microsoft Yahei", sans-serif;
}

span {
  display: inline-block;
}

input,
ion-input {
  display: inline-block;
}

ion-slider {
  border: none;
}

ion-list {
  border: none;
  padding: 0;
}

ion-item {
  padding: 0;
  border: none;
}

.cards ion-row ion-col {
  padding: 0;
}

.row {
  border: none;
}

.row .col {
  border: none;
}

.row .col-50 {
  width: 50%;
}

.col:last-child {
  border: none;
}

.row:last-child {
  border: none;
}

.row:last-child .col {
  border: none;
}

.number {
  color: #dddddd;
  font-weight: 600;
}

.l {
  float: left;
}

.r {
  float: right;
}

.left {
  text-align: left;
}

.right {
  text-align: right;
}

.middle {
  text-align: center;
}

.weight {
  font-weight: 600;
}

.remind {
  text-align: center;
  margin-top: 1rem;
}

.primary {
  background: #dddddd;
  color: #ffffff;
}

.bar-button-ios {
  padding: 0rem 1.2rem;
}

ion-popover {
  background: rgba(0, 0, 0, 0.3);
}

.alert-ios .alert-radio-group {
  padding: 1rem 0;
}

.alert-ios .alert-radio-label {
  padding: 1rem;
}

.item-ios {
  padding: 0;
  font-size: 1.3rem;
}

.item-ios.activated {
  background-color: #312d3b;
}

.item-ios.item-block .item-inner {
  border-bottom: 1px solid var(--cp-color58);
}

.list-ios > .item-block:first-child {
  border-top: none;
}

.list-ios > .item-block:last-child,
.list-ios > .item-wrapper:last-child .item-block {
  border-bottom: none;
}

.main-btn {
  width: 95%;
  display: block;
  margin: 1.5rem auto;
  padding: 1.2rem 0;
  height: auto;
  letter-spacing: 1px;
}

.main-btn span {
  font-size: 1.6rem;
}

ion-footer .toolbar-ios {
  min-height: 41px !important;
}

.screen_filter .popover-content {
  width: 77%;
  height: 100%;
  left: auto !important;
  right: 0 !important;
  top: 0rem !important;
  max-height: 100%;
  border-radius: 0 !important;
}

.screen_filter .popover-content .screen .item .item-inner {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.screen_filter .popover-content .screen .item .input {
  color: #333333;
  border: none;
  background: none;
  font-size: 1.6rem;
}

.screen_filter .popover-content .screen .item input {
  margin-left: 0px !important;
  width: auto;
}

.screen_filter .popover-content .screen .item ion-datetime {
  width: 65%;
  color: #fff;
  font-size: 1.5rem;
  border: none;
  background: none;
  padding-left: 0;
}

.screen_filter .popover-content .screen .item .datetime-text {
  font-weight: 500;
}

.screen_filter .popover-content .screen .item ion-select {
  max-width: 70%;
  width: 70%;
  padding-right: 1rem;
  background: none;
  color: #333333;
  border: none;
  font-size: 1.6rem;
  text-align: left;
}

.screen_filter .popover-content .screen .item ion-label {
  color: #8a8a8a;
}

.screen_filter .popover-content .screen .item ion-grid {
  width: 70%;
  border: 1px solid red;
}

.screen_filter .popover-content .screen .date_row {
  height: 3rem;
  margin-top: 1.5rem;
}

.screen_filter .popover-content .screen .date_row .col {
  height: 100%;
  background: #f5f5f5;
  border: 1px solid #dddddd !important;
  border-radius: 0.5rem;
}

.screen_filter .popover-content .screen .date_row .col span {
  display: block;
  height: 100%;
  text-align: center;
  color: #333333;
  margin: 0 1rem;
  line-height: 2.2rem;
  font-size: 1.4rem;
}

.screen_filter .popover-content .screen .date_row .selected {
  background: #dddddd;
  border: none;
}

.screen_filter .popover-content .screen .date_row .selected span {
  color: #ffffff;
}

.screen_filter .popover-content .screen .main_btns {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 4rem;
  width: 100%;
}

.screen_filter .popover-content .screen .main_btns .l {
  width: 45%;
  height: 100%;
  font-size: 1.6rem;
  background: #1c1c25;
  border: none !important;
  color: #fff;
}

.screen_filter .popover-content .screen .main_btns .r {
  width: 55%;
}

.screen_filter .popover-content .screen .main_btns .primary {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, from(#e6ac57), to(#c16832));
  background: linear-gradient(to right, #e6ac57, #c16832);
}

.screen_filter .item-ios.item-block .item-inner {
  border-bottom: none;
}

.screen_filter .screen .search-title {
  padding: 1.6rem 0;
}

.screen_filter .screen .search-title > .grid {
  padding: 0;
}

.screen_filter .screen .search-title > .grid.date-search .row {
  padding: 0 0.6rem;
}

.screen_filter .screen .search-title > .grid.date-search .row:first-of-type .col {
  margin-bottom: 1rem;
}

.screen_filter .screen .search-title ion-icon {
  font-size: 1.6rem;
}

.screen_filter .screen .search-title .col {
  font-size: 1.4rem;
  line-height: 2.8rem;
  padding: 0;
  margin: 0rem 1rem;
  color: var(--cp-color148);
  margin: 0;
  padding: 0 0.5rem;
}

.screen_filter .screen .search-title .col span {
  border: 1px solid var(--cp-color159);
  border-radius: 15px;
  display: inline-block;
  width: 100%;
  height: 100%;
}

.screen_filter .screen .search-title .selected {
  position: relative;
}

.screen_filter .screen .search-title .selected span {
  color: var(--cp-color147);
  border: 1px solid var(--cp-color147);
}

.screen_filter .screen .search-condition .grid {
  padding: 0;
}

.screen_filter .screen .search-condition .grid ion-icon {
  color: #888888;
}

.screen_filter .screen .search-condition .grid .row > .col {
  padding: 0;
}

.screen_filter .screen .search-condition ion-item {
  border: 1px solid #343444;
  margin-bottom: 1rem;
  border-radius: 4px;
  background-color: #22222a;
}

.screen_filter .screen .search-condition .list {
  margin: 0 1rem;
}

.screen_filter .screen .search-btn-condition {
  padding: 0 0.9rem;
  max-height: 24rem;
  overflow: auto;
}

.screen_filter .screen .search-btn-condition p.min-label {
  margin-bottom: 0.5rem;
}

.screen_filter .screen .search-btn-condition .search-btn-label {
  font-size: 1.4rem;
  padding: 1rem 0;
  color: #fff;
}

.screen_filter .screen .search-btn-condition .condition-btn-grid {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.screen_filter .screen .search-btn-condition .condition-btn-grid .condition-btn {
  margin-bottom: 1rem;
  width: 31.333%;
  height: 3.2rem;
  color: var(--cp-color148);
  background: transparent;
  font-size: 1.4rem;
  border: 1px solid var(--cp-color159);
  padding: 0rem;
  border-radius: 1.8rem;
  margin: 0rem 0.2rem 0.8rem 0.2rem;
}

.screen_filter .screen .search-btn-condition .condition-btn-grid .condition-btn.actived {
  color: var(--cp-color68);
  border: 1px solid var(--cp-color68);
}

.screen_filter .screen .search-btn-condition .condition-btn-grid .condition-btn.empty-btn {
  cursor: auto;
  outline: 0;
  opacity: 0;
}

.screen_filter .screen ion-footer .determine {
  float: left;
  width: 40%;
  border: 1px solid red;
}

.screen_filter .screen ion-footer .call {
  float: right;
  width: 60%;
  border: 1px solid red;
}

.screen_filter .popover-content .screen .item .item-inner {
  border: none !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}

.screen_filter .popover-content .screen .item .input {
  color: #333333;
  border: none;
  background: none;
  font-size: 1.6rem;
}

.screen_filter .popover-content .screen .item input {
  margin-left: 0px !important;
}

.screen_filter .popover-content .screen .item input:-moz-placeholder {
  color: #d4cdec;
}

.screen_filter .popover-content .screen .item input::-moz-placeholder {
  color: #d4cdec;
}

.screen_filter .popover-content .screen .item input:-ms-input-placeholder {
  color: #d4cdec;
}

.screen_filter .popover-content .screen .item input::-webkit-input-placeholder {
  color: #d4cdec;
}

.screen_filter .popover-content .screen .item ion-select {
  max-width: 70%;
  width: 70%;
  padding-right: 1rem;
  background: none;
  color: #333333;
  border: none;
  font-size: 1.6rem;
  text-align: left;
}

.screen_filter .popover-content .screen .item ion-label {
  color: #8a8a8a;
}

.screen_filter .popover-content .screen .item ion-grid {
  width: 70%;
  border: 1px solid red;
}

.screen_filter .popover-content .screen .date_row {
  height: 3rem;
  margin-top: 1.5rem;
}

.screen_filter .popover-content .screen .date_row .col {
  height: 100%;
  background: #f5f5f5;
  border: 1px solid #dddddd !important;
  border-radius: 0.5rem;
}

.screen_filter .popover-content .screen .date_row .col span {
  display: block;
  height: 100%;
  text-align: center;
  color: #333333;
  margin: 0 1rem;
  line-height: 2.2rem;
  font-size: 1.4rem;
}

.screen_filter .popover-content .screen .date_row .selected {
  background: #dddddd;
  border: none;
}

.screen_filter .popover-content .screen .date_row .selected span {
  color: #ffffff;
}

.screen_filter .item-ios.item-block .item-inner {
  border-bottom: none;
}

.nobg {
  background: none !important;
}

.filter .col {
  padding: 0;
  height: 4.4rem;
  line-height: 4.4rem;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 500;
  color: white;
}

.filter .col .ion-logo-yen:before {
  font-size: 1.3rem;
}

.filter .ion-ios-funnel-outline:before {
  font-weight: bold;
}

.filter .startime,
.filter .endtime {
  text-align: right;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.filter .endtime {
  text-align: left;
}

.filter .font18 {
  text-align: center;
}

.filter ion-icon.icon.icon-ios.ion-ios-funnel-outline {
  font-size: 1.8rem;
  vertical-align: bottom;
  padding-left: 0.4rem;
}

.ion-ios-funnel-outline:before {
  font-weight: bold;
}

.to-text {
  color: #999;
  text-align: right;
}

.arr {
  margin-left: 0.5rem;
}

.arr .arrUp {
  width: 0;
  height: 0;
  border: 5.5px solid transparent;
  border-bottom-color: #a7a3a3;
  cursor: pointer;
}

.arr .arrDown {
  width: 0;
  height: 0;
  border: 5.5px solid transparent;
  border-top-color: #a7a3a3;
  margin-top: 2px;
  cursor: pointer;
}

.arr .actived-down,
.arr .actived-down-m,
.arr .actived-down-t {
  border-top-color: #d8a871;
}

.arr .actived-up,
.arr .actived-up-t,
.arr .actived-up-m {
  border-bottom-color: #d8a871;
}

.selected-low {
  color: #e4a24c !important;
}

.selected-low .ion-ios-funnel-outline:before {
  font-weight: bold;
  color: #e4a24c;
}

.selected-low .arrUp {
  border-bottom-color: #e4a24c !important;
}

.selected-low .arrDown {
  border-top-color: #e4a24c !important;
}

.toolbar-content .head_segment {
  width: auto;
  margin: 0 6rem;
}

.toolbar-content .head_segment .segment-button {
  background: #ffffff;
  color: #333333;
}

.toolbar-content .head_segment .segment-activated {
  background: #dddddd;
}

.toolbar-content .head_segment.segment-md .segment-button {
  border: 1px solid #fff;
}

.item-md.item-block .item-inner {
  padding-left: 8px;
}

.header-md::after {
  background: none;
}

.nouser,
.data-empty {
  height: 89vh;
  text-align: center;
}

.nouser img,
.data-empty img {
  width: 30%;
  margin: 0 auto;
  margin-top: 14rem;
}

.nouser p,
.data-empty p {
  color: #616175;
  margin-top: 0rem;
  font-size: 1.4rem;
}

.nouserbor {
  border-top: none !important;
}

.segment-room {
  border-bottom: 1px solid #393939;
}

.segment-ios .segment-button {
  border-radius: 0;
  color: white;
  border: none;
  font-size: 1.4rem;
}

.segment-ios .segment-button.segment-activated {
  border-radius: 0;
  border: none;
  background: none;
  color: #fce08e;
  border-bottom: 1px solid #ddc57f;
  font-weight: 600;
}

.money-loading {
  -webkit-animation: loading 1.5s linear infinite;
  animation: loading 1.5s linear infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  50% {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes loading {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }
  50% {
    -webkit-transform: rotateZ(180deg);
    transform: rotateZ(180deg);
  }
  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

/* toast提示居中    20190619 */
.toast-message {
  text-align: center;
}

/*  PK10号码颜色 */
.ball01 {
  background: #e6de00 !important;
  border-color: #e6de00 !important;
  color: #fff !important;
}

.ball02 {
  background: #0092dd !important;
  border-color: #0092dd !important;
  color: #fff !important;
}

.ball03 {
  background: #4b4b4b !important;
  border-color: #4b4b4b !important;
  color: #fff !important;
}

.ball04 {
  background: #ff7600 !important;
  border-color: #ff7600 !important;
  color: #fff !important;
}

.ball05 {
  background: #17e2e5 !important;
  border-color: #17e2e5 !important;
  color: #fff !important;
}

.ball06 {
  background: #5234ff !important;
  border-color: #5234ff !important;
  color: #fff !important;
}

.ball07 {
  background: #bfbfbf !important;
  border-color: #bfbfbf !important;
  color: #fff !important;
}

.ball08 {
  background: #ff2600 !important;
  border-color: #ff2600 !important;
  color: #fff !important;
}

.ball09 {
  background: #760600 !important;
  border-color: #760600 !important;
  color: #fff !important;
}

.ball10 {
  color: #fff !important;
  background: #03bc00 !important;
  border-color: #03bc00 !important;
}

/*  header返回按钮 */
ion-header {
  border-bottom-color: transparent;
}

ion-header .back-button-icon-ios {
  font-size: 2.4rem;
}

ion-header ion-toolbar .bar-button-menutoggle.bar-button-menutoggle-ios {
  margin-left: 0 !important;
}

.header-right-btn button {
  font-size: 2rem;
}

.header-right-btn button .button-inner ion-icon {
  font-size: 2rem;
}

.navbar-right-icon button {
  color: #ffffff;
}

.navbar-right-icon button ion-icon {
  font-size: 2.5rem;
  margin-right: 0.5rem;
}

.edit-lotterypoint-way .popover-content {
  width: 340px !important;
  margin: 0 auto;
  position: static;
  border-radius: 4px !important;
}

.edit-lotterypoint-way .popover-content .popover-viewport {
  position: relative !important;
}

.edit-point-way .popover-wrapper {
  height: 100%;
  width: 100%;
}

.edit-point-way .popover-content {
  width: 100% !important;
  margin: 0 auto;
  position: static;
  border-radius: 4px !important;
  max-height: none;
  height: 100%;
}

.edit-point-way .popover-content .popover-viewport {
  position: relative !important;
}

/* 筛选内容item */
.popover-content .search-container {
  padding-top: env(safe-area-inset-top) !important;
}

.popover-content .search-container .search-item {
  min-height: 4rem;
  height: 4rem;
}

.popover-content .search-container .search-item.item .label {
  font-size: 1.4rem !important;
  color: #fff;
  font-weight: 500;
}

.popover-content .search-container .search-item.item .label-ios {
  margin: 11px 0px 11px 0;
}

.popover-content .search-container .search-item .search-main-text {
  font-size: 1.4rem !important;
  text-align: center !important;
}

.popover-content .search-container .search-item .search-main-text .select-text {
  font-size: 1.4rem !important;
  text-align: center !important;
}

.popover-content .search-container .search-item .search-main-text .text-input {
  font-size: 1.4rem !important;
  text-align: center !important;
  padding-right: 0;
}

.popover-content .search-container .search-item .select-text {
  font-size: 1.4rem !important;
  text-align: center !important;
}

/* 顶部日期选择 */
.header-datetime-ios {
  padding: 14px 0 14px 0;
  text-align: center;
}

.popover-brick-more.popover-ios .popover-content {
  width: 100px;
}

.f-end {
  float: right;
}

@-webkit-keyframes twin {
  0% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  64% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes twin {
  0% {
    opacity: 1;
  }
  16% {
    opacity: 1;
  }
  32% {
    opacity: 0;
  }
  48% {
    opacity: 1;
  }
  64% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.alert-ios .alert-radio-group,
.alert-ios .alert-checkbox-group {
  max-height: 15rem;
}

.letter-space3 {
  letter-spacing: 3px;
}

body ion-header {
  padding-top: env(safe-area-inset-top) !important;
}

body ion-footer {
  padding-bottom: env(safe-area-inset-bottom) !important;
}

ion-app.platform-ios12 ion-content {
  pointer-events: auto;
}

ion-app ion-content {
  pointer-events: auto !important;
}

/* 全局ion-input输入事件 */
textarea,
input {
  -webkit-user-select: text !important;
  -moz-user-select: text !important;
  -ms-user-select: text !important;
  user-select: text !important;
}

input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* 全局loading样式 */
.loading-ios .spinner-ios line,
.loading-ios .spinner-ios-small line {
  stroke: #fff;
}

ion-spinner {
  display: block;
  margin: auto;
}

.loading-ios .loading-spinner + .loading-content {
  color: #fff;
  margin: 10px 0 0 0;
}

ion-loading {
  /* ion-backdrop {
        opacity: 0 !important;
    } */
}

ion-loading .loading-wrapper {
  display: block;
  background: rgba(0, 0, 0, 0.6) !important;
}

* {
  -webkit-touch-callout: none;
  -moz-touch-callout: none;
  -ms-touch-callout: none;
  touch-callout: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.selectable {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

.needsclick {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
  cursor: pointer;
}

.no-submit-click {
  pointer-events: none;
  opacity: 0.8;
}

button:focus {
  outline: none !important;
}

.toast-ios .toast-message {
  padding: 1.2rem;
}

.toast-ios .toast-wrapper.toast-top {
  top: 34px;
}

.trend-setting-box .popover-content,
.bulletin-box .popover-content {
  color: white;
  width: 28rem;
  overflow: hidden;
  -webkit-overflow-scrolling: unset;
  will-change: unset;
  border-radius: 1rem !important;
}

.checkbox-input {
  background-color: initial;
  cursor: default;
  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  appearance: checkbox;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: initial;
  border: initial;
}

.bulletin-box .popover-content {
  height: 30rem;
  left: 50% !important;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.bulletin-box .popover-content .modal-center .modal-center-main {
  width: 100%;
}

.bulletin-box .popover-content .modal-center span {
  display: inline-block;
  width: 100%;
}

.toast-ios.virtual-toast .toast-wrapper,
.toast-ios.copy-toast .toast-wrapper {
  background: rgba(0, 0, 0, 0.64);
  width: auto;
}

.toast-ios.virtual-toast {
  width: 76% !important;
  left: 12% !important;
}

.toast-ios.copy-toast {
  width: 70% !important;
  left: 15% !important;
}

.bank-list-pos {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
}

.dia_top_pop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 111;
  /** 解决ios被遮住无法点击的问题 */
  padding-top: env(safe-area-inset-top) !important;
  background: rgba(0, 0, 0, 0.2);
}

.dia_top_pop .pop_content {
  width: 100%;
  position: relative;
}

.dia_top_pop .pop_content .pop_scroll {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  background: rgba(255, 255, 255, 0.95);
  border-radius: 4px;
}

.dia_top_pop .pop_content .pop_scroll .dia_main {
  width: 100%;
  padding: 0.4rem 1.4rem;
  position: relative;
}

.dia_top_pop .pop_content .pop_scroll .dia_main.cutdown {
  padding: 1.4rem;
}

.dia_top_pop .pop_content .pop_scroll .dia_main .cancle {
  position: absolute;
  right: 2rem;
  top: 2.4rem;
  color: #999;
  height: 2rem;
  width: 2rem;
  padding: 0;
  margin: 0;
  background: transparent;
  font-size: 1.8rem;
}

.dia_top_pop .pop_content .pop_scroll .dia_main .dia_title {
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 700;
  color: #333;
}

.dia_top_pop .pop_content .pop_scroll .dia_main .dia_content {
  padding-right: 4rem;
  line-height: 1.6rem;
}

.dia_top_pop .pop_content .pop_scroll .dia_main .dia_content p {
  color: #666;
  line-height: 1.8rem;
}

.personal-bonus-modals .popover-ios .popover-content {
  width: 100% !important;
  min-width: 0;
  min-height: 0;
  max-height: 63%;
  color: #ffffff;
  background: #fff;
  top: 47% !important;
  left: 0 !important;
  bottom: 0 !important;
  border-radius: 0 !important;
  position: relative !important;
}

/** 关于各个报表页面筛选用户弹窗
------------------------------*/
.show-thirdgame {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 15;
  display: block;
}

.show-thirdgame .colse_btn {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 0;
}

.show-thirdgame .selector {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 20;
  background: var(--cp-color152);
  text-align: center;
  opacity: 1;
  width: 100%;
}

.show-thirdgame .selector .headers,
.show-thirdgame .selector .footers {
  width: 100%;
  text-align: center;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 500;
}

.show-thirdgame .selector .headers {
  padding: 1.3rem 0;
  border-bottom: 1px solid var(--cp-color153);
}

.show-thirdgame .selector .container {
  padding: 1.2rem 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  max-height: 26rem;
  opacity: 1;
  overflow-y: auto;
  -webkit-box-pack: start !important;
  -webkit-justify-content: flex-start !important;
  -ms-flex-pack: start !important;
  justify-content: flex-start !important;
}

.show-thirdgame .selector .container .button-ios {
  height: 4rem;
  width: 30.3%;
  color: #fff;
  padding: 0;
  background: var(--cp-color154);
  border: none;
  margin: 0.5rem 1.5%;
  border-radius: 5px;
}

.show-thirdgame .selector .container .button-ios span.button-inner {
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}

.show-thirdgame .selector .container .seleted {
  background: var(--cp-color155);
}

.show-thirdgame .selector .footers {
  border-top: 3px solid var(--cp-color157);
}

.show-thirdgame .selector .footers .button-ios {
  width: 100%;
  color: #fff;
  background: var(--cp-color156);
  margin: 0;
  padding: 0;
  border-radius: 0;
}

.show-thirdgame .selector .footers .button-ios span.button-inner {
  color: #fff;
  font-size: 1.5rem;
  font-weight: 500;
}

/**
 * 关于各个报表页面筛选用户弹窗的用户名的输入框，
 * 还用于契约设置的查询用户输入框
-----------------------------*/
.search-bar {
  position: relative;
  padding: 0.8rem;
}

.search-bar-block {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.search-bar-block label {
  padding: 1.6rem 0.8rem;
}

.search-bar-block input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0.6rem 0.8rem;
  border-radius: 4px;
  border: 1px solid transparent;
  background: transparent;
}

.search-bar-inner {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 4px;
  padding: 0.6rem 0.8rem;
  background-color: #17161c;
}

.search-bar .btn-search {
  width: 4rem;
  margin: 0rem;
  height: auto;
}

.search_img {
  width: 1.6rem;
  margin: 0.4rem;
}

.green-status {
  background: #ad794f;
}

.gray3-status {
  background: #2b8833;
}

.gray9-status {
  background: #727272;
}

.red-status {
  background: #cf3333;
}

.bold_font {
  font-weight: 700;
}

.bold_font:before {
  font-weight: 700;
}

.money_text {
  font-family: DINAlternate;
}

.pop-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

.pop-box.team_page .thirdGameName {
  width: 50%;
}

.pop-box .thirdGameName {
  width: 100%;
  text-align: center;
  background: #23222a;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
  padding: 1.5rem 0;
  border-bottom: 3px solid var(--cp-color275) !important;
}

.pop-box .thirdGameName span {
  margin-right: 0.3rem;
}

.show_user {
  height: 4rem;
  padding: 0 .6rem;
}

.show_user span.label {
  font-size: 1.2rem;
  font-weight: 500;
}

.show_user .show_checkbox {
  -webkit-transform: scale(0.6);
  transform: scale(0.6);
}

.show_user .show_checkbox.toggle-checked .toggle-icon {
  opacity: 0.8;
}

.show_user .toggle-ios .toggle-inner {
  margin-left: 0.2rem !important;
  margin-top: 0.1rem !important;
  width: 26px !important;
  height: 26px !important;
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
  background: #bfb9d6;
}

.show_user .toggle-ios.toggle-checked .toggle-icon .toggle-inner {
  background: #ffffff;
}

.toggle-ios .toggle-icon {
  background: #47444f;
}

.toggle-ios .toggle-icon::before {
  background-color: #47444f;
}

.toggle-ios.toggle-checked .toggle-icon {
  background-color: var(--cp-color158);
}

.show_sort {
  height: 4rem;
  font-size: 1.2rem;
  padding: 0 .6rem;
}

.show_sort ion-icon {
  height: 1rem;
}

.show_sort span {
  font-size: 1.4rem;
}

.show_sort .lab {
  font-size: 1.2rem;
}

.have_sort .show_user {
  width: 50%;
  border: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: var(--cp-color148);
}

.have_sort .sort_right {
  width: 50%;
}

.have_sort .sort_right ion-label {
  color: #808080;
  font-size: 1.2rem;
}

.have_sort .sort_right ion-select {
  color: #1a1a1a;
  font-size: 1.2rem;
}

.have_sort .show_sort {
  width: 50%;
}

.filter .with-h .datetime-text {
  color: #ffffff !important;
}

.item_header p.content-left {
  font-size: 1.4rem !important;
}

.item_header p.content-left span {
  font-size: 1.4rem !important;
}

.item_header p.content-rigth {
  font-size: 1.4rem !important;
}

.item_header p.content-rigth span {
  font-size: 1.4rem !important;
}

.select-alert .alert-message:empty {
  padding: 0;
}

.select-alert .alert-title {
  color: #fff;
  margin-top: 0;
  line-height: 4.4rem;
}

.select-alert .alert-head {
  background-color: #3a364c;
  padding: 0;
  margin-bottom: 0rem !important;
}

.select-alert .alert-radio-group,
.select-alert .alert-button-group {
  padding: 0rem;
  border: none !important;
}

.select-alert .alert-radio-group .alert-radio-button,
.select-alert .alert-button-group .alert-radio-button {
  border-bottom: 0.5px solid #37314b !important;
}

.select-alert .alert-radio-group .alert-radio-button .alert-radio-icon .alert-radio-inner,
.select-alert .alert-button-group .alert-radio-button .alert-radio-icon .alert-radio-inner {
  border-color: #ffffff;
}

.select-alert .alert-radio-group .alert-radio-button:last-of-type,
.select-alert .alert-button-group .alert-radio-button:last-of-type {
  border-bottom: 0;
}

.select-alert .alert-radio-group .alert-radio-button .alert-radio-label,
.select-alert .alert-button-group .alert-radio-button .alert-radio-label {
  color: #ffffff;
  font-weight: 500;
}

.select-alert .alert-radio-group .alert-radio-button[aria-checked="true"] .alert-radio-label,
.select-alert .alert-button-group .alert-radio-button[aria-checked="true"] .alert-radio-label {
  color: #04be02;
}

.select-alert .alert-radio-group {
  min-height: 15rem;
}

.select-alert .alert-button-group {
  height: 6.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.select-alert .alert-button-group button {
  width: 10rem;
  height: 4rem;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  min-width: auto;
  border: 0;
  border-radius: 6px;
  font-size: 1.5rem;
}

.select-alert .alert-button-group button:first-of-type {
  color: white;
  background-color: var(--cp-color237);
}

.select-alert .alert-button-group button:first-of-type span.button-inner {
  font-weight: bold;
}

.select-alert .alert-button-group button:last-of-type {
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to left, #c16832, #e6ac57);
}

.select-alert .alert-button-group button:last-of-type span.button-inner {
  font-weight: bold;
}

.alert-ios .alert-head {
  text-align: center;
  padding: 6px 16px 6px;
  margin-bottom: 1rem;
}

.alert-ios .alert-head .alert-title {
  margin-top: 0;
}

.text-right {
  text-align: right;
}

/* 返回登录页弹框 */
ion-alert.go_login_pop .alert-wrapper {
  width: calc(100% - 8.8rem);
  margin: auto;
  max-width: none;
  border: 1px solid #1c1b21;
  background-color: #1c1b21;
}

ion-alert.go_login_pop .alert-wrapper .alert-head {
  border-bottom: 0;
  margin-bottom: 0;
  color: #fff;
  font-size: 1.6rem;
  padding: .8rem 1.4rem;
  text-align: center;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

ion-alert.go_login_pop .alert-wrapper .alert-head .alert-title {
  font-size: 1.9rem;
  font-weight: 400;
  width: 2rem;
  text-align: right;
  padding-bottom: 0.4rem;
  color: white;
}

ion-alert.go_login_pop .alert-wrapper .alert-head:after {
  content: "温馨提示";
  height: 2rem;
  font-size: 1.6rem;
  text-align: center;
  line-height: 2rem;
  color: #fff;
}

ion-alert.go_login_pop .alert-wrapper .alert-message {
  padding: 2rem 1.6rem;
}

ion-alert.go_login_pop .alert-wrapper .alert-button-group {
  padding-bottom: 1.2rem;
}

ion-alert.go_login_pop .alert-wrapper .alert-button-group button {
  border-radius: 4px;
  font-size: 1.6rem;
  padding: 0 1em;
  font-weight: 400;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin: 0 auto;
  height: 3.2rem;
  min-width: 8rem;
  border: 0px;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

.popup-default {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  top: 0rem;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}

.popup-default.load {
  z-index: 9;
  background: transparent;
}

.popup-default .popup-container {
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: calc(100% - 4.8rem);
  margin: auto;
  background: #fff;
  border-radius: 1rem;
  border: 2px solid var(--cp-color136) !important;
  overflow: hidden;
  background: var(--cp-color136) !important;
}

.popup-default .btn-popup-close:hover:not(.disable-hover) {
  color: #fff;
}

.popup-default .popup-header {
  position: relative;
  color: #fff;
  font-size: 1.6rem;
  height: 5rem;
  line-height: 5rem;
  background: #302b4b;
  font-weight: bold;
  background: var(--cp-color136) !important;
}

.popup-default .popup-header .btn-popup-close {
  position: absolute;
  top: 0rem;
  right: 0rem;
  color: #fff;
  height: 4.2rem;
}

.popup-default .popup-header .btn-popup-close ion-icon {
  font-size: 3rem;
  margin-right: 0.4rem;
}

.popup-default .popup-header .btn-popup-close .ion-ios-close:before {
  font-weight: bold;
}

.popup-default .popup-body {
  padding: 2.4rem 2.4rem;
  background: var(--cp-color137);
}

.popup-default .popup-body .pupup-input {
  width: 100%;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid #ddd;
  padding: 1.4rem 0.8rem;
  border-radius: 4px;
}

.popup-default .popup-body .pupup-input.google-input {
  padding: 0 0.8rem;
  color: white;
  border: none;
  background-color: var(--cp-color226);
}

.popup-default .popup-body .pupup-input .text-input-ios::-webkit-input-placeholder {
  color: #6f6d7b !important;
}

.popup-default .popup-body .pupup-input .text-input-ios::-moz-placeholder {
  color: #6f6d7b !important;
}

.popup-default .popup-body .pupup-input .text-input-ios::-ms-input-placeholder {
  color: #6f6d7b !important;
}

.popup-default .popup-body .pupup-input .text-input-ios::placeholder {
  color: #6f6d7b !important;
}

.popup-default .popup-footer {
  background: var(--cp-color137);
  padding: 1.6rem 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

.popup-default .popup-footer .google-close {
  height: 4.2rem;
  min-width: 10rem;
  background-color: #2f2b48;
}

.popup-default .popup-footer .google-close span.button-inner {
  font-weight: bold;
}

.popup-default .popup-footer .google-btn {
  height: 4.2rem;
  min-width: 10rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to left, #c16832, #e6ac57);
}

.popup-default .popup-footer .google-btn span.button-inner {
  font-weight: bold;
}

.search_sub {
  padding-top: 4.6rem;
}

.sub_user_click {
  padding: 0.4rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  background: var(--cp-color156);
  border-bottom: 0.1px solid #37314b;
  height: 4.4rem;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 1;
}

.sub_user_click button {
  height: 2.8rem;
  font-size: 1.2rem;
  color: var(--cp-color147);
  border: 0.5px solid var(--cp-color147);
  background: transparent;
}

.sub_user_click button.activated {
  color: #fff;
}

.sub_user_click p {
  font-size: 1.2rem;
}

.google-tip-box {
  background: #f4f4f4;
  color: #fe5252;
  padding: 1.5rem 0.6rem 1rem 0.6rem;
  font-size: 1.2rem;
  font-weight: 400;
  margin-top: 1rem;
}

.google-tip-box p {
  margin-bottom: 0.5rem;
}

.google-tip-box .bing-google {
  text-decoration: none;
  color: #4999f7;
  font-size: 1.3rem;
  font-weight: 500;
}

.google-check {
  text-align: center;
  margin: 3rem 2rem 0 2rem;
}

.google-check .google-bind-text {
  font-size: 1.8rem;
  margin-bottom: 1rem;
}

.google-check .old-input {
  margin-top: 3rem;
  margin-bottom: 4rem;
  border-bottom: 1px solid #2f2b3d;
  text-align: center;
}

.google-check .text-input-ios {
  text-align: center;
}

.google-check button {
  border-radius: 0.8rem;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

*::-webkit-scrollbar {
  width: 0;
}

.old-input {
  background: none;
  border: none;
  border-radius: unset;
  outline: none;
  width: 100%;
  height: 4rem;
  font-size: 1.6rem;
}

.xb-toast .toast-wrapper {
  background: rgba(0, 0, 0, 0.6);
}

.btn-container {
  border-radius: 0.4rem;
  overflow: hidden;
}

.btn-container button {
  margin: 0rem;
}

.picker-ios .picker-wrapper {
  background: #1b1b1f;
}

.picker-ios .picker-toolbar {
  background: #1b1b1f;
  color: #fff;
}

.picker-ios .picker-button,
.picker-ios .picker-button.activated {
  color: #fff;
}

.ios ion-menu[type=overlay] .menu-inner {
  width: 180px !important;
  top: 59px;
  overflow-y: scroll;
}

.ios ion-menu[type="overlay"] .menu-inner .content.content-ios {
  overflow-y: scroll;
}

.ios ion-menu[type="overlay"] .menu-inner .scroll-content {
  padding: 0.2rem 1rem;
  text-align: center;
  height: calc(100% - 59px);
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.2rem;
  margin-bottom: 0.4rem;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios {
  width: 46%;
  background: -webkit-gradient(linear, left top, left bottom, from(var(--cp-color69)), to(var(--cp-color70)));
  background: linear-gradient(var(--cp-color69), var(--cp-color70));
  border-radius: 6px;
  color: #dbdbdb;
  height: auto;
  padding: 0.5rem 0.5rem 0.8rem;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 0.45rem 2%;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: " ";
  height: 3px;
  background-color: var(--cp-color45);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios.active::after {
  background-color: var(--cp-color46);
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios .button-inner .ico-img {
  width: 3rem;
  height: 1.8rem;
  display: block;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios .button-inner .hot-img {
  width: 3rem;
  display: none;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .button-ios .button-inner p {
  margin-top: 0.5rem;
  font-size: 1.4rem;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .active .button-inner .ico-img {
  display: none;
}

.ios ion-menu[type="overlay"] .menu-inner .menu-box .active .button-inner .hot-img {
  display: block;
}

.ios ion-menu[type="overlay"] .menu-inner button.records-btn {
  width: 95%;
  background: var(--cp-color47);
  border-radius: 6px;
  color: #aca6bf;
  margin-top: 0.5rem;
  height: auto;
  padding: 1.2rem 1.5rem;
  font-size: 1.4rem;
}

.ios ion-menu[type="overlay"] .menu-inner button.records-btn img {
  width: 2rem;
}

.ios ion-menu[type="overlay"] .menu-inner button.records-btn .name {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  color: #aca6bf;
  font-size: 1.4rem;
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios {
  background: -webkit-gradient(linear, left top, right top, from(var(--cp-color69)), to(var(--cp-color70)));
  background: linear-gradient(90deg, var(--cp-color69), var(--cp-color70));
  border-radius: 6px;
  width: 95%;
  color: white;
  margin-top: 0.8rem;
  font-size: 1.4rem;
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios.active::after {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  content: "";
  height: 4px;
  background-color: var(--cp-color46);
  -webkit-transition: .25s linear;
  transition: .25s linear;
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios img {
  width: 2.5rem;
  margin-right: 0.5rem;
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios p .name {
  font-size: 1.3rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#e7b875), to(#fde290));
  background: linear-gradient(0deg, #e7b875 0%, #fde290 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  margin-bottom: 0.5rem;
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios p .tip {
  font-size: 1.2rem;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios:first-child {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--cp-color71)), to(var(--cp-color72)));
  background-image: linear-gradient(90deg, var(--cp-color71), var(--cp-color72));
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios:nth-child(2) {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--cp-color75)), to(var(--cp-color76)));
  background-image: linear-gradient(90deg, var(--cp-color75), var(--cp-color76));
}

.ios ion-menu[type="overlay"] .menu-inner .active-list .button-ios:nth-child(3) {
  background-image: -webkit-gradient(linear, left top, right top, from(var(--cp-color79)), to(var(--cp-color80)));
  background-image: linear-gradient(90deg, var(--cp-color79), var(--cp-color80));
}

.ios ion-menu[type="overlay"] .menu-inner .network-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}

.ios ion-menu[type="overlay"] .menu-inner .network-box .item-ios {
  background: transparent;
  color: white;
}

.ios ion-menu[type="overlay"] .menu-inner .network-box .item-ios img {
  width: 1.8rem;
  margin-right: 0.5rem;
}

.ios ion-menu[type="overlay"] .menu-inner .network-box .item-ios .label-ios {
  margin-right: 0;
  text-align: right;
}

.ios ion-menu[type="overlay"] .menu-inner .network-box ion-select {
  max-width: 100%;
}

.ios ion-menu[type="overlay"] .menu-inner .network-box .select-ios {
  padding-left: 8px;
}

/** 排序样式 */
.sort-item {
  height: 4rem;
  color: var(--cp-color148);
  padding-left: 1rem;
}

.sort-item .sort-btn {
  color: var(--cp-color148);
  padding: 0 1.4rem;
  border: 0;
  font-size: 1.4rem;
}

.sort-item .sort-btn .sort-icon {
  display: inline-block;
  width: 1.4rem;
  height: 4rem;
  position: relative;
  margin-left: 0.2rem;
}

.sort-item .sort-btn .sort-icon:before {
  content: "";
  position: absolute;
  top: 1.1rem;
  left: 0;
  border-bottom: 0.8rem solid #565272;
  border-left: 0.5rem dashed transparent;
  border-right: 0.5rem dashed transparent;
  border-top: 0;
}

.sort-item .sort-btn .sort-icon:after {
  content: "";
  position: absolute;
  bottom: 1.1rem;
  left: 0;
  border-top: 0.8rem solid #cd9127;
  border-left: 0.5rem dashed transparent;
  border-right: 0.5rem dashed transparent;
  border-bottom: 0;
}

.sort-item .sort-btn .sort-icon.ascend:before {
  border-bottom: 0.8rem solid #cd9127;
}

.sort-item .sort-btn .sort-icon.ascend:after {
  border-top: 0.8rem solid #565272;
}

.search-bar .data-screen {
  color: #fff;
}

.search-bar .filter-select {
  color: #fff;
}

.full-width {
  width: -moz-available;
  width: fill-available;
  width: -webkit-fill-available;
}

.data-screen {
  padding: 1rem 0.6rem;
}

.data-screen span {
  white-space: nowrap;
}

.data-screen .screen-btn {
  width: 6rem;
  border-radius: 1.2rem;
  border: 0.1rem solid var(--cp-color146);
  background: transparent;
  color: var(--cp-color145);
  height: 2.6rem;
  white-space: nowrap;
}

.data-screen .screen-btn.active {
  color: var(--cp-color147);
  border: 0.1rem solid var(--cp-color147);
}

.data-screen div.day button {
  margin-right: 1rem;
}

.data-screen div.day button:last-of-type {
  margin-right: 0;
}

button {
  -webkit-transition: all 0.3s ease !important;
  transition: all 0.3s ease !important;
}

button.picker-opt {
  -webkit-transition: none !important;
  transition: none !important;
}

.no-center-alert .alert-message {
  text-align: left;
}

.show-alert-model.nickname-edit-modal, .show-alert-model.google-setting-modal {
  padding-top: 0 !important;
}

.show-alert-model.nickname-edit-modal.alert-top, .show-alert-model.google-setting-modal.alert-top {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.show-alert-model .alert-head {
  background: var(--cp-color136);
}

.show-alert-model .alert-wrapper {
  background: var(--cp-color137) !important;
  border: 2px solid var(--cp-color136) !important;
}

.show-alert-model .alert-wrapper .alert-title {
  color: #fff;
}

.show-alert-model .alert-wrapper .alert-message {
  color: #f7ce60;
  padding: 1rem 1rem 2rem 1rem;
}

.show-alert-model .alert-wrapper .alert-button {
  border-color: var(--cp-color138);
}

.show-alert-model .alert-wrapper .alert-input {
  background: var(--cp-color226) !important;
  border: 0;
  color: var(--cp-color227);
  margin-top: 0;
  height: 4rem;
}

.select-alert .alert-head {
  background: var(--cp-color136);
}

.select-alert .alert-wrapper {
  background: var(--cp-color137) !important;
  border: 2px solid var(--cp-color136) !important;
}

.select-alert .alert-wrapper > div {
  z-index: 1;
}

.select-alert .alert-wrapper .alert-title {
  color: #fff;
}

.select-alert .alert-wrapper .alert-message {
  color: #f7ce60;
}

.select-alert .alert-wrapper .alert-button {
  border-color: var(--cp-color138);
}

.select-alert .alert-wrapper .alert-input {
  background: var(--cp-color226) !important;
  border: 0;
  color: var(--cp-color227);
  margin-top: 0;
}

.select-alert .alert-radio-group .alert-radio-button,
.select-alert .alert-button-group .alert-radio-button {
  border-bottom: 1px solid var(--cp-color138) !important;
}

.refresher-refreshing .spinner-ios line,
.refresher-refreshing .spinner-ios-small line,
.refresher-refreshing .spinner-crescent circle {
  stroke: #fff;
}

.refresher-pulling-text,
.refresher-refreshing-text {
  color: #fff;
}

.refresher-active ion-icon {
  color: #fff !important;
}

.agreement-page {
  width: 90%;
  height: 82%;
  background: #fff;
  margin: 15% auto 0;
  border-radius: 8px;
  overflow: auto;
  -webkit-box-shadow: 0px 0px 4px #e6a8a8;
  box-shadow: 0px 0px 4px #e6a8a8;
}

.agreement-page h4 {
  text-align: center;
  margin: 0;
  background: #ea424f;
  color: #fff;
  height: 3rem;
  line-height: 3rem;
  font-size: 1.8rem;
  position: absolute;
  left: 5%;
  right: 5%;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
}

.agreement-page p {
  padding: 0 1rem;
  text-indent: 2rem;
  margin-bottom: 1rem;
  letter-spacing: .7px;
}

.agreement-page p:first-of-type {
  margin-top: 3.6rem;
}

.agreement-page footer {
  height: 3rem;
  border-top: 1px solid #eee;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.agreement-page footer button {
  width: 30%;
  height: 2rem;
  background: #fffdfd;
  border: 1px solid #ccc;
  color: #333;
  display: block;
}

.agreement-page .tips {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  position: absolute;
  background: white;
  top: 20%;
  right: 10%;
  color: #fff;
  padding: 10px 5px;
  border-radius: 5px;
  letter-spacing: 1px;
  display: block;
  animation: twin 4s linear;
  -webkit-animation: twin 4s linear;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
}

.footer-button {
  width: 100%;
  margin: 1rem auto 0;
  background: #f2f4f7;
}

.footer-button .footer-main {
  width: 90%;
  margin: 0 auto;
}

.footer-button .footer-main button {
  padding: 1.3rem 6rem;
  border-radius: 5px;
  margin: 8px 0;
}

.footer-button .footer-main .determine-btn {
  float: right;
  background-color: #ea424f;
  color: #fff;
}

.game-record-page .page-main {
  overflow: auto;
}

.game-record-page .page-main .nouser {
  border-top: 0;
}

.game-record-page .page-main .have-data .footer-text {
  line-height: 3rem;
  font-size: 1.4rem;
  color: #666;
  margin-top: -1rem;
}

.game-record-page .page-main .have-data .footer-text button {
  background: transparent;
  border: 0;
  outline: 0;
  color: #666;
  height: 2.2rem;
}

.game-record-page .page-main .container .game-list {
  margin: 0rem;
}

.game-record-page .page-main .container .game-list .game-list-item .list-ios > .item-block:last-child,
.game-record-page .page-main .container .game-list .game-list-item .list-ios > .item-wrapper:last-child .item-block {
  border-bottom: 1px solid #f8f8ff;
}

.game-record-page .page-main .container .game-list .game-list-item .item-inner {
  padding-left: 0;
  padding-right: 0;
}

.game-record-page .page-main .container .game-list .game-list-item .openCode-box {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.game-record-page .page-main .container .game-list .game-list-item .openCode-box .left-label {
  color: var(--cp-color280);
  font-size: 1.3rem;
  font-weight: 400;
  padding-left: 0.8rem;
}

.game-record-page .page-main .container .game-list .game-list-item .user-name {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding-left: 0.8rem;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.game-record-page .page-main .container .game-list .game-list-item ion-label.label.label-ios {
  padding-left: 0.8rem;
  padding-right: 2.3rem;
}

.game-record-page .page-main .container .game-list .game-list-item .right-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.game-record-page .page-main .container .game-list .game-list-item .right-label button {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #f36b5b;
  color: #fff;
  font-family: DINAlternate;
  padding: 0 !important;
  margin-right: 2px;
  font-weight: 500;
}

.game-record-page .page-main .container .game-list .game-list-item p.info-rigth {
  color: #747475;
  font-size: 1.3rem;
  font-weight: 500;
}

.game-record-page .page-main .container .game-list .game-list-item p.info-rigth span {
  color: #ef3a3a;
  font-size: 1.4rem;
  font-weight: 500;
}

.game-record-page .page-main .container .game-list .game-list-item .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--cp-color148);
}

.game-record-page .page-main .container .game-list .game-list-item .title .status {
  font-size: 12px;
  display: inline-block;
  padding: 0 0.5rem 0 0.3rem;
  border-radius: 15px;
  font-weight: 500;
  font-size: 1.2rem;
  color: white;
}

.game-record-page .page-main .container .game-list .game-list-item .title span.text.text-ios.text-ios-green {
  margin-left: 1.5rem;
}

.game-record-page .page-main .container .game-list .game-list-item .money {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.6rem;
}

.game-record-page .page-main .container .game-list .game-list-item .money p,
.game-record-page .page-main .container .game-list .game-list-item .money .money-text {
  margin-left: 0.5rem;
  font-size: 1.3rem;
  font-weight: 400;
}

.game-record-page .page-main .container .game-list .game-list-item .user-name {
  display: block;
  padding-bottom: 1rem;
}

.game-record-page .page-main .game-list {
  margin: 0rem;
}

.game-record-page .page-main .game-list .container .game-list-item .user-name,
.game-record-page .page-main .game-list .container .game-list-item .clearfix {
  padding-left: 1rem;
}

.game-record-page .page-main .game-list .container .game-list-item .user-name .font14,
.game-record-page .page-main .game-list .container .game-list-item .clearfix .font14 {
  font-size: 1.4rem;
}

.game-record-page .page-main .game-list .container .game-list-item p {
  font-size: 1.4rem;
  margin-top: 0.6rem;
  color: #7c70a2;
  font-weight: 500;
  text-overflow: unset !important;
}

.game-record-page .page-main .game-list .container .game-list-item .title {
  margin: 0;
  float: left;
  max-width: 240px;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--cp-color148);
}

.game-record-page .page-main .game-list .container .game-list-item .money {
  float: right;
  text-align: right;
}

.game-record-page .page-main .game-list .container .game-list-item .user-name {
  display: block;
  padding-bottom: 1rem;
}

.game-record-page .page-main .game-list .container .game-list-item h2.font14 {
  color: #e7a629;
  padding: 0.8rem 0 0 0.8rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.game-record-page .page-main .game-list .container .game-list-item h2.font14 span.font14 {
  color: var(--cp-color148);
  font-size: 1.4rem;
}

.game-record-page .page-main .game-list .container .game-list-item .status {
  padding: 0 0.5rem 0 0.3rem;
  border-radius: 15px;
  font-weight: 500;
  font-size: 1.2rem;
  color: white;
}

.game-record-page .page-main .game-list .container .game-list-item .status span {
  font-size: 1.2rem;
}

.game-record-page .page-main .game-list .button-main {
  font-size: 1.4rem;
}

.game-record-page .page-main .game-list .box {
  position: relative;
  width: 96%;
  height: 19rem;
  margin: 10px auto;
  background: #fff;
  padding-top: 6px;
  margin-bottom: 16px;
  border-radius: 2px;
  -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);
}

.game-record-page .page-main .game-list .box ul li {
  float: left;
  text-decoration: none;
  width: 50%;
  font-size: 1.4rem;
  padding: 0.8rem 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.game-record-page .page-main .game-list .box button {
  position: absolute;
  bottom: 0px;
  border-top: 1px solid #d7d7d7;
  /* Safari 5.1 - 6.0 */
  /* Opera 11.1 - 12.0 */
  /* Firefox 3.6 - 15 */
  background: -webkit-gradient(linear, left top, left bottom, from(#fa6b6b), to(#fe5151));
  background: linear-gradient(#fa6b6b, #fe5151);
  /* 标准的语法 */
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}

.game-record-page .page-main .game-list .box button .button-inner {
  font-size: 1.6rem !important;
}

.game-record-page .page-main .game-list .box .bgone,
.game-record-page .page-main .game-list .box .bgtwo {
  background: #f5f5f5;
}

.game-record-page .page-main .game-list .box .bgone,
.game-record-page .page-main .game-list .box .firsty {
  color: #888;
}

.game-record-page .page-main .game-list .box .bgtwo,
.game-record-page .page-main .game-list .box .namesty {
  color: #e31414;
}

.game-record-page .page-main .game-list .box .noborder {
  border-top: none;
}

.segment-ios .segment-button:active:not(.segment-activated) {
  background-color: unset !important;
}

game-report-component .report-header .filter-group .segment-room .head_segment .segment-button:active {
  background: transparent;
}

game-report-component .report-header .filter-group .segment-room .head_segment .segment-button:hover {
  background: transparent;
}

game-report-component .report-header .filter-group .segment-room .head_segment .segment-button.activated {
  background-color: transparent;
  -webkit-transition: 0;
  transition: 0;
}

.game-report-component {
  background: #f8f8f8;
}

.game-report-component button.game-list-item.item.item-block.item-ios {
  background-color: var(--cp-color275);
  border-bottom: 1px solid var(--cp-color27);
}

.game-report-component .filter {
  background: #f8f8f8 !important;
}

.game-report-component .filter .no-click {
  background: #f3eaea;
  color: #e6cccc;
}

.game-report-component .back-button-icon-ios {
  font-size: 2.9rem !important;
}

.game-report-component .recoed-header {
  height: 5.5rem;
  position: absolute;
  background: #f8f8f8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  border-bottom: 1px solid #eee;
  height: 5.5rem;
  padding-top: env(safe-area-inset-top) !important;
}

.game-report-component .recoed-header button {
  position: relative;
  background: transparent;
  height: 5.5rem;
  color: #333;
}

.game-report-component .recoed-header p {
  text-align: center;
  font-size: 1.6rem;
  color: #333;
  line-height: 5.5rem;
  font-weight: 700;
}

.game-report-component .recoed-header button.button.button-ios.button-clear.button-clear-ios {
  position: absolute;
  right: 0;
  left: unset;
}

.game-report-component .report-header .filter-group .segment-room {
  background: #f8f8f8;
}

.game-report-component .report-header .segment-ios .segment-button {
  height: 4rem;
  line-height: 4rem;
  font-weight: 500;
}

.game-report-component .game-bx .game-list {
  margin: 0rem;
}

.game-report-component .game-bx .game-list .game-list-item .item-inner {
  padding-left: 0;
  padding-right: 0;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box {
  margin-top: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box .left-label {
  color: var(--cp-color280);
  font-size: 1.3rem;
  font-weight: 400;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box .san {
  color: #6aa2f9;
  background: url(../../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box .liu {
  color: #ca7b37;
  background: url(../../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box .bao {
  color: #ff6366;
  background: url(../../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box i {
  font-style: normal;
  font-size: 1.2rem;
  margin-left: 1rem;
  color: #fff;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box i.win {
  color: #ff4b4b;
}

.game-report-component .game-bx .game-list .game-list-item .openCode-box i.lost {
  color: #45b342;
}

.game-report-component .game-bx .game-list .game-list-item .user-name {
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  padding-left: 0.8rem;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

.game-report-component .game-bx .game-list .game-list-item ion-label.label.label-ios {
  padding-left: 0.8rem;
  padding-right: 2.3rem;
}

.game-report-component .game-bx .game-list .game-list-item .right-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.game-report-component .game-bx .game-list .game-list-item .right-label button {
  display: inline-block;
  width: 1.8rem;
  height: 1.8rem;
  border-radius: 50%;
  background: #f36b5b;
  font-family: DINAlternate;
  color: #fff;
  padding: 0 !important;
  margin-right: 2px;
  font-weight: 500;
}

.game-report-component .game-bx .game-list .game-list-item p.info-rigth {
  color: var(--cp-color148);
  font-size: 1.3rem;
  font-weight: 500;
}

.game-report-component .game-bx .game-list .game-list-item p.info-rigth span {
  color: #e7a629;
  font-size: 1.4rem;
  font-weight: 500;
}

.game-report-component .game-bx .game-list .game-list-item .title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--cp-color148);
}

.game-report-component .game-bx .game-list .game-list-item .title .status {
  font-size: 12px;
  display: inline-block;
  padding: 0 0.5rem 0 0.3rem;
  border-radius: 15px;
  font-weight: 500;
  font-size: 1.2rem;
  color: white;
}

.game-report-component .game-bx .game-list .game-list-item .title text-warning {
  color: red;
}

.game-report-component .game-bx .game-list .game-list-item .title span.text.text-ios.text-ios-green {
  margin-left: 1.5rem;
}

.game-report-component .game-bx .game-list .game-list-item .money {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.6rem;
}

.game-report-component .game-bx .game-list .game-list-item .money p,
.game-report-component .game-bx .game-list .game-list-item .money .money-text {
  margin-left: 0.2rem;
  margin: 0 0.4rem 0 0;
  font-size: 1.3rem;
  font-weight: 400;
  text-overflow: unset;
  color: var(--cp-color280);
}

.game-report-component .game-bx .game-list .game-list-item .money .money-text {
  color: #e6a529;
  font-family: DINAlternate;
}

.game-report-component .game-bx .game-list .game-list-item .money .time-text {
  color: var(--cp-color281);
}

.game-report-component .game-bx .game-list .game-list-item .user-name {
  display: block;
  padding-bottom: 1rem;
}

.game-report-component .chase-bx .container .game-list-item .clearfix {
  padding-left: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.game-report-component .chase-bx .container .game-list-item .clearfix .font14 {
  font-size: 1.4rem;
}

.game-report-component .chase-bx .container .game-list-item p {
  padding-left: 0.2rem;
  font-size: 1.4rem;
  margin-top: 0.6rem;
  color: #7c70a2;
  font-weight: 500;
  text-overflow: unset;
}

.game-report-component .chase-bx .container .game-list-item .title {
  margin: 0;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--cp-color148);
}

.game-report-component .chase-bx .container .game-list-item .money {
  float: right;
  text-align: right;
}

.game-report-component .chase-bx .container .game-list-item .user-name {
  display: block;
  padding-bottom: 1rem;
}

.game-report-component .chase-bx .container .game-list-item h2.font14 {
  color: #e7a629;
  padding: 0.8rem 0 0 1rem;
  font-size: 1.6rem;
  font-weight: 500;
}

.game-report-component .chase-bx .container .game-list-item h2.font14 span.font14 {
  color: var(--cp-color148);
  font-size: 1.4rem;
}

.game-report-component .chase-bx .container .game-list-item .status {
  padding: 0 0.5rem 0 0.3rem;
  font-weight: normal;
  display: inline-block;
  font-size: 10px;
  border-radius: 15px;
  font-weight: 500;
  font-size: 1.2rem;
  color: white;
}

.game-report-component .chase-bx .container .game-list-item .status span {
  font-size: 1.2rem;
}

.game-report-component .chase-bx .container .game-list-item .chase-d {
  color: #383b43;
  padding-left: 1rem;
}

.game-report-component .chase-bx .container .game-list-item .chase-d span {
  color: #888;
}

.game-report-component .chase-bx .chase-d {
  padding-left: 1rem;
}

.game-report-component .chase-bx .chase-d span {
  color: #888;
}

.game-report-component .chase-bx .chase-d .code {
  color: black !important;
}

.game-report-component .chase-bx .button-main {
  font-size: 1.4rem;
}

.game-report-component .chase-bx .top-box {
  padding: 0.5rem;
  font-size: 1.5rem;
  color: #444;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.game-report-component .chase-bx .button-follow {
  background: -webkit-gradient(linear, left top, right top, from(#ffc8b2), to(#ffaf8f));
  background: linear-gradient(to right, #ffc8b2, #ffaf8f);
  height: 3rem;
  padding: 0 2.2rem;
  margin: 0.6rem 0;
  margin-right: 0.6rem;
}

.game-report-component .chase-bx .button-follow span {
  color: #5b1a00;
}

.game-report-component .show-thirdgame .selector .container {
  padding: 1.2rem 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 30rem;
}

.game-report-component .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

.game-report-component .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

.game-report-component .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

.game-report-component .show-thirdgame .selector .container .button-ios {
  height: 4rem;
  width: 100%;
  margin-bottom: 1.4rem;
}

slide-block-common .check-block {
  width: 100%;
  height: 210px;
}

slide-block-common .check-block .img-block {
  position: relative;
  height: 150px;
}

slide-block-common .check-block .img-block .original-img {
  position: absolute;
  top: 0;
  left: 0;
}

slide-block-common .check-block .img-block .slide-img {
  width: 60px;
  position: absolute;
  left: 0;
  top: 0;
}

slide-block-common .check-block .slide-area {
  position: absolute;
  bottom: 1.4rem;
  left: 1rem;
  right: 1rem;
  height: 4rem;
  border-radius: 2rem;
  overflow: hidden;
  border: 1px solid #ddd;
}

slide-block-common .check-block .slide-area .slide-block {
  width: 100%;
  height: 100%;
  position: relative;
}

slide-block-common .check-block .slide-area .slide-block .left-rec,
slide-block-common .check-block .slide-area .slide-block .right-rect {
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #f5f5f5;
  height: 4rem;
  border-radius: 4rem;
}

slide-block-common .check-block .slide-area .slide-block .left-rect {
  left: 0;
  right: 23rem;
  z-index: 1;
}

slide-block-common .check-block .slide-area .slide-block .right-rect {
  left: 6rem;
  right: 0;
  z-index: 0;
}

slide-block-common .check-block .slide-area .slide-block .rect-text {
  position: absolute;
  z-index: 2;
  line-height: 3.8rem;
  color: #999;
  width: 100%;
  height: 4rem;
  text-align: center;
}

slide-block-common .check-block .slide-area .slide-block .slide-item {
  position: absolute;
  left: 0;
  z-index: 3;
  width: 6rem;
  height: 3.8rem;
  background-color: #fff;
  border: 1px solid #ddd;
  border-radius: 2rem;
}

slide-block-common .check-block .slide-area .slide-block .slide-item .fafont {
  color: #fff;
  font-size: 2rem;
}

slide-block-common .check-block .slide-area.success .slide-block .slide-item {
  background-color: #52ccba;
}

slide-block-common .check-block .slide-area.failed .slide-block .slide-item {
  background-color: #f57a7a;
}

slide-block-common h3 {
  position: relative;
  height: 4rem;
  line-height: 4rem;
  color: #333;
  font-size: 1.6rem;
  background: #fff;
  border-bottom: 1px solid #eee;
  padding: 0rem 1rem;
}

slide-block-common h3 .refresh,
slide-block-common h3 .btn-close {
  position: absolute;
  margin: 0rem 0.4rem;
  top: 0;
  right: 0;
  width: 3rem;
  background: #fff;
  height: 100%;
  padding: 0;
  border-radius: 0;
  color: #dddddd;
  font-size: 2rem;
}

slide-block-common h3 .refresh {
  right: 4rem;
}

slide-block-common .form-main {
  position: relative;
  padding: 4px 10px;
  max-height: 450px;
  overflow: auto;
  background: #ffffff;
  z-index: 1;
  width: 100%;
  overflow-y: scroll;
  overflow-x: hidden;
}

slide-block-common .form-main .security-loading {
  position: absolute;
  top: 0px;
  bottom: 0px;
  left: 0px;
  width: 100%;
  z-index: 6;
  text-align: center;
  padding: 6rem;
  background: rgba(0, 0, 0, 0.4);
  color: #fff;
}

slide-block-common .form-main .security-loading div {
  padding: 0.8rem 0rem;
}

slide-block-common .form-main .security-loading .spinner line {
  stroke: #fff;
}

slide-block-common .form-main span.tips {
  color: red;
  font-size: 12px;
}

slide-block-common .form-main .item {
  color: #868686;
  padding: 0 1rem !important;
}

slide-block-common .form-main .item:last-child {
  border-bottom: none;
}

slide-block-common .form-main .item .item-inner {
  padding: 0;
  border-bottom: none;
}

slide-block-common .form-main .item .label {
  font-size: 1.4rem;
}

slide-block-common .form-main .item .label-ios {
  margin: 11px 8px 0px 0;
}

slide-block-common .form-main .item .row .col {
  color: #ccc;
  font-size: 1.4rem;
}

slide-block-common .form-main .item .row .col span {
  color: #333;
  font-size: 1.4rem;
}

.check-captcha-component.popover-ios .popover-content {
  width: 320px;
}

regist .scroll-content {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
  background-image: url(../assets/images/login/reg_bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

regist .list {
  margin: 0rem;
  padding: 2rem;
  border-radius: 0.8rem;
}

regist .list .item {
  color: #ffffff;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  margin-bottom: 1.6rem;
  background-color: #24202f;
}

regist .list .item .item-inner {
  padding-right: 0rem;
  border-bottom: 1px solid #24202f;
}

regist .list .form-valid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #ff8090;
  padding-left: 0.4rem;
  margin-top: -1.4rem;
  margin-bottom: 1.2rem;
}

regist .list .form-valid span {
  font-size: 1.2rem;
}

regist .regist-form-title {
  margin: 6rem 0 3rem 0;
}

regist .regist-form-title .regist-logo {
  margin: auto;
  height: 4.8rem;
  display: block;
}

regist .reg-form {
  padding: 0.6rem;
  border-radius: 0.8rem;
  background-color: #333339;
}

regist .reg-form-title {
  text-align: center;
  padding: 1.4rem 0 0 0;
  font-size: 2rem;
  font-weight: bold;
}

regist .reg-form .avater {
  margin: 0rem;
  padding: 0.6rem 1rem;
}

regist .reg-form .avater .icon {
  height: 2.8rem;
}

regist button.btn[disabled] {
  opacity: 0.7;
}

regist .btn.btn-valid {
  font-size: 1.4rem;
  margin-bottom: 2.4rem;
  background-color: #444959;
}

regist .btn.btn-valid.success {
  color: #23c56d;
  background-color: #edfff5;
}

regist .btn.btn-valid.success .icon {
  color: #23c56d;
}

regist .btn.btn-regist {
  font-size: 1.7rem;
  font-weight: bold;
  border-radius: 0.4rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ac57), to(#c16832));
  background-image: linear-gradient(90deg, #e6ac57, #c16832);
}

regist .btn.btn-link {
  color: #e38f5b;
  font-size: 1.4rem;
}

regist .btn.btn-icon img {
  width: 2.2rem;
}

xb-wallet .wallet-wrap {
  background-color: var(--cp-color12);
  padding: 0rem 0rem 0rem 1.6rem;
}

xb-wallet .wallet-wrap .wallet-money {
  padding: 0rem 0.4rem 0rem 0rem;
  color: var(--cp-color251);
}

xb-wallet .wallet-wrap .icon-wallet-refresh {
  color: var(--cp-color251);
}

xb-wallet .method-wrap .method-title,
xb-wallet .recharge-wrap .method-title {
  padding: 1rem 1.6rem;
}

xb-wallet .method-wrap .method-section,
xb-wallet .recharge-wrap .method-section {
  padding: 0rem 1.1rem;
}

xb-wallet .fontbold {
  font-weight: 600;
}

order-detail .button {
  height: 2.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  color: var(--cp-color283);
  background: none;
  border: 1px solid var(--cp-color283);
}

order-detail .button.follow-button {
  color: #e59d59;
  border: 1px solid #e59d59;
}

order-detail .scroll-content {
  background-color: var(--cp-color275);
}

order-detail .order-top-container .order-btn-panel {
  padding: 1rem 1.6rem;
  background-color: var(--cp-color275);
  border-bottom: 1px solid #3a3550;
}

order-detail .order-top-container .order-top-panel {
  padding: 1.6rem;
  background-color: var(--cp-color275);
  border-bottom: 1px solid #3a3550;
}

order-detail .order-top-container .order-top-panel > div:not(:last-child) {
  margin-bottom: 0.8rem;
}

order-detail .order-top-container .order-status .status {
  color: #ffffff;
  padding: 0.2rem 0.8rem;
  border-radius: 2rem;
}

order-detail .order-top-container .order-status .status.unopened {
  background-color: #ad7a4f;
}

order-detail .order-top-container .order-status .status.not-won {
  background-color: #2c8833;
}

order-detail .order-top-container .order-status .status.won {
  background-color: #cf3334;
}

order-detail .order-top-container .order-status .status.revoke {
  background-color: #605b72;
}

order-detail .order-top-container .betting span,
order-detail .order-top-container .bonus span {
  font-family: DINAlternate;
}

order-detail .order-middle-container {
  background-color: var(--cp-color275);
  border-bottom: 1px solid #3a3550;
}

order-detail .order-middle-container .order-middle-item:not(:last-child) {
  margin-bottom: 1rem;
}

order-detail .order-middle-container .order-middle-time {
  padding: 1.6rem;
  border-bottom: 1px solid #3a3550;
}

order-detail .order-middle-container .order-middle-bill {
  padding: 1.6rem;
}

order-detail .order-middle-container .order-middle-bill :not(:last-child) {
  margin-bottom: 0rem;
}

order-detail .order-bottom-container {
  padding: 1.6rem;
  padding-bottom: 2.4rem;
  background-color: var(--cp-color275);
}

order-detail .order-bottom-container .betting-content {
  height: auto;
  min-height: 12rem;
  max-height: 24rem;
  overflow-y: scroll;
  font-size: 1.4rem;
  margin-top: 0.5rem;
  padding: 0.6rem;
  border-radius: 0.4rem;
  border: 1px solid #3a3550;
}

.follow-order-page {
  border: 2px solid var(--cp-color136) !important;
  border-radius: 1.3rem;
  overflow: hidden;
}

.follow-order-page h3 {
  color: #fff;
  height: 4.4rem;
  line-height: 4.4rem;
  text-align: center;
  background: var(--cp-color136);
  border-bottom: 1px solid #3a3550;
  font-size: 1.6rem;
}

.follow-order-page .form-main {
  color: #ffffff;
  padding: 1.6rem 1rem;
  overflow: auto;
}

.follow-order-page .form-main .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.follow-order-page .form-main .form-row:not(:last-child) {
  margin-bottom: 1rem;
}

.follow-order-page .form-main .form-row .form-label {
  width: 6.5rem;
  text-align: right;
}

.follow-order-page .form-main .form-row .form-label label {
  display: block;
  line-height: 2.4rem;
  text-align: right;
  width: 100%;
  font-size: 1.2rem;
}

.follow-order-page .form-main .form-row .form-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.follow-order-page .form-main .form-row .form-content > div {
  line-height: 2.4rem;
  overflow: hidden;
  font-size: 1.2rem;
}

.follow-order-page .form-main .form-row .form-content > div span {
  display: inline;
}

.follow-order-page .form-main .form-row .form-content > div span.light {
  color: #ff3131;
  font-weight: bold;
}

.follow-order-page .form-main .form-row .form-content > div input {
  height: 3.6rem;
}

.follow-order-page .form-main .form-row .form-content > div input,
.follow-order-page .form-main .form-row .form-content > div textarea {
  color: #fff;
  width: 100%;
  outline: 0;
  padding: 0 0.6rem;
  border: 1px solid var(--cp-color275);
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 4px;
  background: #131316;
}

.follow-order-page .form-main .form-row .form-content > div a {
  display: inline-block;
  border: 1px solid #3a3550;
  border-radius: 5px;
  text-align: center;
  text-decoration: none;
  padding: 0.2rem 0.8rem;
}

.follow-order-page .form-main .form-row .form-content > div a:not(:last-child) {
  margin-right: 0.6rem;
}

.follow-order-page .form-main .form-row .form-content > div a.actived {
  color: #ffffff;
  background: #ffa414;
  border: 1px solid #ffa414;
}

.follow-order-page footer {
  width: 100%;
  border-top: 1px solid #eee;
  border: 1px solid #3a3550;
  padding: 1rem 1.6rem;
  text-align: right;
}

.follow-order-page footer .button {
  height: 3.6rem;
  width: 9rem;
  background: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background: linear-gradient(to left, #c16832, #e6ac57);
}

.follow-order-page footer .button.cancel {
  background: var(--cp-color237);
}

.follow-order-component.popover-ios .popover-content {
  width: 80%;
}

page-accountpage .toolbar-title {
  width: -webkit-min-content;
  width: -moz-min-content;
  width: min-content;
  margin: 0 auto;
}

page-accountpage .ion-ios-settings:before {
  color: #666;
}

page-accountpage .mine-title {
  padding: 0 140px 1px;
}

page-accountpage .header .top-buttons {
  padding: 0 1rem 0 0;
  margin: 0;
}

page-accountpage .header .top-buttons .bar-button-ios {
  font-size: 1.4rem;
  padding: 0 0.15rem;
}

page-accountpage .header .header-theme {
  padding-left: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
}

page-accountpage .header .header-theme img {
  width: 24px;
  height: 24px;
}

page-accountpage .header .header-theme .header-theme-mode {
  color: var(--cp-color251);
  margin-left: 3px;
}

page-accountpage .header .header-theme .header-theme-mode-rmb {
  color: var(--cp-color251);
}

page-accountpage .header .header-theme .header-theme-mode-usdt {
  color: var(--cp-color251);
}

page-accountpage .header .header-theme .header-theme-btn {
  margin-left: 8px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: var(--cp-color122);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: none;
  position: relative;
}

page-accountpage .header .header-theme .header-theme-btn .button-inner img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eb5e26;
  right: -10px;
  top: -6px;
  position: absolute;
}

page-accountpage .body-wrap .user {
  text-align: center;
  padding: 1.4rem 1rem;
  background-color: var(--cp-color131);
  padding-bottom: 0;
  position: relative;
}

page-accountpage .body-wrap .user.activated {
  background-color: var(--cp-color131);
}

page-accountpage .body-wrap .user.item.item-block .item-inner {
  border-bottom: none;
  padding-left: 0rem;
}

page-accountpage .body-wrap .user .name {
  color: #8290b6;
  font-family: DINAlternate;
  font-size: 1.6rem;
}

page-accountpage .body-wrap .user .header-money .musts, page-accountpage .body-wrap .user .header-money ion-icon {
  color: var(--cp-color251);
}

page-accountpage .body-wrap .user .money {
  color: #d6d2e9;
  font-size: 2.2rem;
  font-weight: 700;
  font-family: DINAlternate;
  margin-top: 0.6rem;
  text-overflow: ellipsis;
  overflow: hidden;
}

page-accountpage .body-wrap .user ion-avatar {
  min-width: 4.5rem;
  min-height: 4.5rem;
  border: 1px solid #5e5a79;
  border-radius: 50%;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 1rem;
}

page-accountpage .body-wrap .user ion-avatar img {
  width: 7.5rem;
  height: 7.5rem;
}

page-accountpage .body-wrap .user .musts {
  font-weight: bold;
  font-family: DINAlternate;
}

page-accountpage .body-wrap .user .label h2 {
  padding: 0;
  text-align: left;
  font-size: 1.6rem;
  color: #ffffff;
  font-weight: bolder;
  font-family: DINAlternate;
}

page-accountpage .body-wrap .user .label p {
  text-align: left;
  font-size: 1.6rem;
}

page-accountpage .body-wrap .user .label p ion-icon {
  font-size: 2.5rem;
  line-height: 0;
  margin-left: 6px;
  margin-top: -2px;
  font-weight: bold;
}

page-accountpage .body-wrap .user .label p .ion-ios-refresh-outline:before {
  font-weight: bold;
}

page-accountpage .body-wrap .user .label p .refresh {
  background: #fde404;
  border: 0;
  color: #fff;
  border-radius: 20px;
  height: 1.8rem;
  float: right;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  letter-spacing: 1px;
  padding: 0 10px;
}

page-accountpage .body-wrap .user button.kefu-btn {
  position: absolute;
  right: 1rem;
  top: 3rem;
  padding: 0.5rem 1.3rem;
  background: var(--cp-color133);
  color: #dbab6b;
  height: auto;
}

page-accountpage .body-wrap .user button.kefu-btn img {
  margin-right: 0.5rem;
  width: 2.8rem;
}

page-accountpage .row-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  background-color: var(--cp-color131);
  padding: 1rem;
}

page-accountpage .row-box .col-box {
  width: 25%;
  position: relative;
}

page-accountpage .row-box .col-box:last-of-type:after {
  display: none;
}

page-accountpage .row-box .col-box:after {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  right: 0;
  width: 1px;
  background: #cfd7e8;
  opacity: 0.3;
}

page-accountpage .row-box .col-box img {
  width: 2.9rem;
  display: block;
}

page-accountpage .row-box .col-box .img-box {
  height: 3.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-accountpage .row-box .col-box .text {
  width: 100%;
  display: block;
  color: #ffffff;
  margin-top: 0.3rem;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
}

page-accountpage #exit .button-inner {
  font-size: 16px;
}

page-accountpage .item-md .icon-md-primary {
  margin: 11px 0 10px 4px;
}

page-accountpage ion-header ion-navbar ion-buttons button img {
  width: 24px;
  margin-left: 5px;
  margin-top: 2px;
}

page-accountpage .nav-title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  vertical-align: middle;
  padding: 0.6rem 0;
  margin-left: 0.1rem;
}

page-accountpage .join {
  color: var(--cp-color132);
  font-size: 1.2rem !important;
  font-weight: 500;
}

page-accountpage .list-img {
  width: 2rem;
  vertical-align: middle;
}

page-accountpage .middle {
  vertical-align: middle;
}

page-accountpage .hr-row {
  margin-bottom: 1rem;
}

page-accountpage .item-ios[detail-push] .item-inner,
page-accountpage button.item-ios:not([detail-none]) .item-inner,
page-accountpage a.item-ios:not([detail-none]) .item-inner {
  background-size: 12px 12px;
}

page-accountpage .item-ios.item-block .item-inner {
  border-bottom: 1px solid #eee;
  padding-left: 2.2rem;
}

page-accountpage .list-ios > .item-block:first-child {
  border-top: 1px solid #f8f8ff;
}

page-accountpage .list-wrap {
  margin-top: 1rem;
}

page-accountpage .list-wrap .item-ios .label-ios {
  margin: 10px 8px 10px 0;
}

page-accountpage .list-wrap .item-ios img {
  border-radius: 0;
  width: 28px;
  height: 28px;
  margin-right: 0.15rem;
}

page-accountpage .vip-tip {
  position: absolute;
  background: #282638;
  padding: 0.3rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.8rem 0 0 1.8rem;
  font-size: 1.5rem;
  right: 0;
  top: 2rem;
}

page-accountpage .vip-tip .vip-name {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c6985b), to(#e5b472));
  background-image: linear-gradient(to bottom, #c6985b, #e5b472);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-accountpage .vip-tip .vip-name img {
  width: 2rem;
  margin-right: 0.4rem;
}

page-accountpage .vip-area {
  border-radius: 0.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  color: #a592dc;
  background-color: var(--cp-color275);
}

page-accountpage .vip-area .vip-icon {
  width: 5rem;
  text-align: center;
  margin-right: 1rem;
}

page-accountpage .vip-area .vip-color {
  color: #ff9c00;
}

page-accountpage .vip-area .vip-wrap {
  font-size: 1.3rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-accountpage .vip-area .vip-progress-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
}

page-accountpage .vip-area .vip-progress {
  margin-left: 0.5rem;
  background: #473d64;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 1rem;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-accountpage .vip-area .max-no {
  color: #fff;
}

page-accountpage .body-item-wrap {
  border-radius: 0.5rem;
  overflow: hidden;
  margin-top: 1rem;
  background: var(--cp-color134);
}

page-accountpage .body-item-wrap .light-text span {
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc42), to(#ff8c47));
  background-image: linear-gradient(to bottom, #ffcc42, #ff8c47);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

page-accountpage .body-item-wrap .item-inner {
  border-bottom: 1px solid var(--cp-color135);
  padding-left: 1rem;
}

page-accountpage .item-ios {
  background-color: var(--cp-color275);
}

page-accountpage .item-ios.item-block .item-inner {
  border-bottom: 1px solid #2f2b3d;
  padding-left: 1.6rem;
}

about-us .scroll-content {
  background-color: var(--cp-color275);
}

about-us .logo-box {
  margin: 2rem auto 1.6rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff5ee;
}

about-us .logo-box img {
  width: 30%;
}

about-us .logo-box span {
  margin-left: 1.5rem;
}

about-us h2 {
  color: white;
  margin-left: 1rem;
  margin-bottom: 1rem;
  font-weight: bold;
  font-size: 1.8rem;
}

about-us .text-u {
  line-height: normal;
  letter-spacing: normal;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--cp-color285);
  margin-left: 1rem;
  margin-bottom: 1.8rem;
  margin-right: 0.8rem;
}

about-us .origin-img {
  display: block;
  width: 95%;
  margin: 1.6rem auto;
  margin-bottom: 3.2rem;
  margin-left: 1rem;
}

page-agency-water ion-content .list-box {
  margin: 1.6rem;
}

page-agency-water ion-content .list-box ion-item.item.item-block.item-ios {
  color: #fff;
  padding: 0.8rem 1rem;
  margin-bottom: 1.6rem;
  border-radius: 0.4rem;
  background-color: #d08340;
}

page-agency-water ion-content .list-box ion-item.item.item-block.item-ios .item-inner {
  padding-right: 0;
  border-bottom: none;
}

page-agency-water ion-content .list-box .label.label-ios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-agency-water ion-content .list-box img {
  width: 3.6rem;
  margin-right: 0.8rem;
}

page-agency-water ion-content .list-box span {
  font-size: 1.4rem;
  font-weight: 500;
}

page-agency-water ion-content .list-box .rate {
  font-size: 2rem;
  margin-left: 0.8rem;
  font-weight: bold;
}

page-agency-water ion-content .list-box .end {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #4b54d1;
  font-size: 1.4rem;
  font-weight: 500;
}

page-agency-water ion-content .list-box .end .icon.item-icon {
  margin-left: 0.6rem;
}

edit-point .point-modal .point-header {
  color: #fff;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #37314b;
  position: relative;
  height: 4.4rem;
  line-height: 4.4rem;
}

edit-point .point-modal .point-header button {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  margin: 0;
}

edit-point .point-center {
  padding: 1.6rem 0;
}

edit-point .point-center .col {
  font-size: 1.4rem;
  padding: 1rem 0.8rem;
}

edit-point .point-center .col .label {
  color: #6d6688;
}

edit-point .point-center .col .value {
  color: #d4cdec;
}

edit-point .point-center .col:last-child {
  padding: 0rem 0.8rem;
}

edit-point .point-center .item-ios.item-block .item-inner {
  border-bottom-color: transparent;
}

edit-point .point-center .point-rabate {
  padding: 0rem;
  min-height: unset;
  background-color: transparent;
}

edit-point .point-center .point-rabate .point-text {
  margin: 0rem;
}

edit-point .point-center .point-rabate .select-text {
  color: #d4cdec;
}

edit-point .point-center .point-rabate button {
  height: auto;
}

edit-point .point-bottom {
  text-align: right;
  padding: 0 6.5rem;
}

edit-point .point-bottom .button {
  width: 100%;
  border: none;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

edit-point .edit-content {
  margin-bottom: 4rem;
}

edit-point .edit-content .tle {
  color: #e5b781;
  font-size: 1.2rem;
  text-align: center;
  padding: 2.6rem 0 2rem 0;
}

edit-point .edit-content .reward-item {
  padding: 0.5rem;
}

edit-point .edit-content .reward-item .label {
  color: var(--cp-color148);
  white-space: nowrap;
  width: 38%;
  text-align: right;
}

edit-point .edit-content .reward-item .symbol {
  font-style: normal;
  color: #fff;
}

edit-point .edit-content .reward-item .tips {
  color: #e5b781;
}

edit-point .edit-content .reward-item .select-reward {
  background-color: transparent;
  width: 11rem;
}

edit-point .edit-content .reward-item .select-reward ion-select {
  width: 100%;
  max-width: none;
  background-color: var(--cp-color229);
  color: #fff;
  padding: 11px 10px 11px 6px;
  border-radius: 0.4rem;
}

edit-point .edit-content .reward-item ion-input {
  background-color: var(--cp-color229);
  color: #fff;
  padding: 0 1rem;
  border-radius: 0.4rem;
}

edit-point .edit-content .reward-item ion-input.disabled {
  opacity: 0.4;
}

edit-point .edit-content .reward-item ion-input input::-webkit-input-placeholder {
  color: #6d6688;
}

edit-point .edit-content .reward-item ion-input input::-moz-placeholder {
  color: #6d6688;
}

edit-point .edit-content .reward-item ion-input input::-ms-input-placeholder {
  color: #6d6688;
}

edit-point .edit-content .reward-item ion-input input::placeholder {
  color: #6d6688;
}

team-manager {
  position: relative;
}

team-manager .scroll-content {
  background-color: var(--cp-color273) !important;
}

team-manager .search-bar {
  z-index: 1;
  background: #1d1c22;
}

team-manager .search-bar .button {
  background: transparent;
}

team-manager .search-bar .button span {
  font-size: 1.6rem;
}

team-manager .search-bar .button ion-icon {
  font-size: 3rem;
}

team-manager .filter-select-box {
  width: 100%;
}

team-manager .filter-select-box .filter-select {
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
  line-height: normal;
  border-bottom: 0;
}

team-manager .filter-select-box .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
  margin-right: 2rem;
}

team-manager .filter-select-box .filter-select .sort-select .sort-text {
  display: block;
  width: 9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

team-manager .oprate-btn {
  padding: 2rem;
}

team-manager .oprate-btn button {
  width: 6.6rem;
  height: 3.2rem;
  border: 1px solid #6d6688;
  background: transparent;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}

team-manager .toolbar .bar-button .img-filter {
  width: 2rem;
  height: 2rem;
}

team-manager .team-list {
  padding: 0;
  background: var(--cp-color275);
}

team-manager .team-list .superior {
  padding: 1rem 0rem 1rem 1rem;
}

team-manager .team-list .team-superior {
  padding: 1rem 1rem 0 1rem;
}

team-manager .team-list .team-superior .button {
  height: auto;
  margin: 0rem;
  padding: 0rem;
}

team-manager .team-list-item {
  padding: 1rem;
  background-color: var(--cp-color273);
  border-bottom: 1px solid #37314b;
}

team-manager .team-list-item .account {
  font-weight: bold;
  font-size: 1.4rem;
  color: var(--cp-color274);
}

team-manager .team-list-item .account.have-sub {
  color: #00b8e7;
}

team-manager .team-list-item:first-child {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}

team-manager .team-list-item .type {
  color: #ffffff;
  border-radius: 4px;
  padding: 0.4rem 1.2rem;
  background-color: #ff2548;
}

team-manager .team-list-item .col {
  color: #d4cdec;
  white-space: nowrap;
  padding-bottom: 0;
}

team-manager .team-list-item .col:first-child span + span {
  margin-left: 0.8rem;
}

team-manager .team-list-item .col:last-child {
  margin-top: 0.8rem;
}

team-manager .team-list-item .label {
  color: var(--cp-color272);
}

team-manager .team-list-item .label.opacity {
  opacity: 0;
}

team-manager .team-list-item .value {
  color: var(--cp-color148);
}

team-manager .team-list-item .button {
  padding: 0rem 1.4rem;
  height: 3rem;
  font-size: 1.4rem;
}

team-manager .team-list-item .button + .button {
  margin-left: 1.6rem;
}

team-manager .deposit-container {
  background-color: var(--cp-color273);
  padding: 1.6rem;
}

team-manager .deposit-container .transfer-user {
  margin-bottom: 1.6rem;
}

team-manager .deposit-container .transfer-user-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

team-manager .form-item {
  margin-bottom: 1.6rem;
  line-height: 2.4rem;
}

team-manager .form-item:last-child {
  margin-bottom: 0;
}

team-manager .form-label {
  font-size: 1.4rem;
  line-height: 3.2rem;
}

team-manager .form-input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  padding: 0 1.2rem;
  height: 4.8rem;
  overflow: hidden;
  border: 1px solid #37314b;
  border-radius: var(--border-radius, 4px);
}

team-manager .form-input ion-input {
  min-height: auto;
  height: 100%;
}

team-manager .form-input ion-input .text-input {
  margin: 0;
  width: 100%;
  height: 100%;
}

team-manager .form-explain {
  color: #ff8090;
  font-size: 1.2rem;
}

team-manager .form-info {
  color: #d4cdec;
  font-size: 1.2rem;
}

team-manager .form-actions button[ion-button] {
  color: #ffffff;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

team-manager .form-inline .form-label {
  min-width: 7.2rem;
}

team-manager .form-inline .form-main {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

team-manager .type-wrap .button {
  height: auto;
  padding: 1.2rem 2.4rem;
  border: none;
  color: #808080;
  background-color: #e6e6e6;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6e6e6), to(#e6e6e6));
  background-image: linear-gradient(to right, #e6e6e6, #e6e6e6);
}

team-manager .type-wrap .button.actived {
  color: #ffffff;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

team-manager .type-wrap .button + .button {
  margin-left: 1.6rem;
}

team-manager .team-tips {
  padding: 1rem;
  margin: 1.6em 0rem;
  background-color: #f7f4ff;
  color: #695a93;
}

team-manager .team-tips a {
  color: #55acee;
  text-decoration: none;
}

.scroll-content {
  background: #1d1c22;
}

edit-lotterypoint .point-content {
  border-radius: 5px !important;
  color: #fff !important;
  background: #39335c !important;
  border: 2px solid #6156a0 !important;
}

edit-lotterypoint .point-content .point-header {
  width: 100%;
  text-align: center;
  padding: 1rem 0;
  font-size: 1.8rem;
  font-weight: 500;
  color: #fff !important;
  background: #6156a0;
}

edit-lotterypoint .point-box {
  background: #39335c !important;
  width: 100%;
  display: inline-block;
  padding: 1.5rem 0;
}

edit-lotterypoint .point-box .alter-box {
  width: 49%;
  display: inline-block;
  text-align: center;
  padding-bottom: 0.8rem;
  font-size: 1.4rem;
  text-align: left;
  padding-left: 0.8rem;
}

edit-lotterypoint .point-box .alter-box .control-label {
  font-size: 1.4rem;
  color: #a5a2b1;
}

edit-lotterypoint .point-box .alter-box span {
  color: #fff;
  font-size: 1.4rem;
}

edit-lotterypoint .point-box .point-box-rabate {
  padding-left: 1rem;
  width: 96%;
  margin: 0 auto;
  background: #1d1c22;
}

edit-lotterypoint .point-box .point-text {
  font-size: 1.4rem;
  color: #fff;
}

edit-lotterypoint .point-box .select-text {
  font-size: 1.4rem;
  color: #fff;
}

edit-lotterypoint .point-box .btn-box {
  width: 100%;
  margin-top: 1.3rem;
  display: inline-block;
  text-align: center;
}

edit-lotterypoint .point-box .btn-box .btn-point {
  height: auto;
  padding: 1rem 2.3rem;
  text-align: center;
  margin: 0 1rem;
  font-size: 1.4rem;
  background: -webkit-gradient(linear, left top, right top, from(#e6ac57), to(#c16832));
  background: linear-gradient(to right, #e6ac57, #c16832);
}

edit-lotterypoint .point-box .btn-box .btn-point span {
  font-size: 1.4rem;
}

edit-lotterypoint .point-box .btn-box .cancel-btn {
  background: #413e52;
  color: white;
}

page-subordinate-recharge .point-modal .point-header {
  color: #fff;
  padding: 0;
  font-size: 1.6rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #37314b;
  position: relative;
  height: 4.4rem;
  line-height: 4.4rem;
}

page-subordinate-recharge .point-modal .point-header button {
  background: transparent;
  position: absolute;
  left: 0;
  top: 0;
  color: #fff;
  margin: 0;
}

page-subordinate-recharge .charge-content {
  padding-top: 2rem;
}

page-subordinate-recharge .charge-content .charge-item {
  width: 100%;
  height: 4rem;
  margin-bottom: 1rem;
}

page-subordinate-recharge .charge-content .charge-item.confirm-item {
  margin-top: 3rem;
}

page-subordinate-recharge .charge-content .charge-item .left {
  width: 10rem;
  color: var(--cp-color148);
  font-size: 1.2rem;
  text-align: right;
}

page-subordinate-recharge .charge-content .charge-item .left span {
  color: #ff0000;
}

page-subordinate-recharge .charge-content .charge-item .left.opacity {
  opacity: 0;
}

page-subordinate-recharge .charge-content .charge-item .right-content {
  width: calc(100% - 10rem);
  position: relative;
  padding: .8rem 4rem .8rem 0;
}

page-subordinate-recharge .charge-content .charge-item .right-content button.recharge {
  width: 23%;
  background: #3f374f;
  color: var(--cp-color148);
  height: 2.8rem;
  font-size: 1.2rem;
  margin-right: .5rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content button.recharge.actived {
  color: #fff;
  background: #c16732;
}

page-subordinate-recharge .charge-content .charge-item .right-content .confirm {
  margin: 0;
  height: 4.4rem;
  color: #fff;
  width: 100%;
  border: none;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-subordinate-recharge .charge-content .charge-item .right-content .name {
  width: 100%;
  height: 4rem;
  border-radius: 0.4rem;
  background: #3d3847;
  color: #a6a0b9;
  padding-left: 1rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item {
  width: 100%;
  background: transparent;
  height: 100%;
  padding-left: 0;
  height: 4rem;
  max-height: 4rem;
  min-height: 4rem;
  border-radius: 0.4rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item .item-inner {
  max-height: 4rem;
  padding-right: 0;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item input::-webkit-input-placeholder {
  color: var(--cp-color148);
  font-size: 1.2rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item input::-moz-placeholder {
  color: var(--cp-color148);
  font-size: 1.2rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item input::-ms-input-placeholder {
  color: var(--cp-color148);
  font-size: 1.2rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item input::placeholder {
  color: var(--cp-color148);
  font-size: 1.2rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content ion-item ion-input {
  width: 100%;
  background: var(--cp-color229);
  color: #fff;
  padding: 0 1rem;
  font-size: 1.4rem;
}

page-subordinate-recharge .charge-content .charge-item .right-content .btn-eye {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 6rem;
  width: 2rem;
}

page-subordinate-recharge .charge-content .tip {
  color: #81cce2;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1rem;
}

page-subordinate-recharge .charge-content .tip img {
  width: 1.5rem;
  margin-right: 0.3rem;
}

team-overview .table_header {
  color: #fff;
  background: #1d1c26;
  height: 4rem;
  padding: 0 4rem 0rem 5rem;
}

team-overview .scroll-content {
  background: var(--cp-color275);
}

team-overview .nouser {
  height: 100%;
  background: var(--cp-color275);
}

team-overview .search-bar {
  z-index: 1;
  background: #1d1c22;
  padding: 0;
}

team-overview .search-bar .filter-select-box {
  width: 100%;
}

team-overview .search-bar .filter-select-box .filter-select {
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
  line-height: normal;
  border-bottom: 0;
}

team-overview .search-bar .filter-select-box .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
  margin-right: 2rem;
}

team-overview .search-bar .filter-select-box .filter-select .sort-select .sort-text {
  display: block;
  width: 9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

team-overview .search-bar .button {
  background: transparent;
}

team-overview .search-bar .button span {
  font-size: 1.4rem;
}

team-overview .search-bar .button ion-icon {
  font-size: 3rem;
}

team-overview .btn-row {
  padding: 0;
  border-bottom: 1px solid #37314b;
}

team-overview .btn-row-item {
  padding: 0;
}

team-overview .btn-row .button.active {
  border-radius: 0rem;
  border-bottom: 2px solid #fa8c16;
}

team-overview .btn-row .button-ios-primary.activated {
  background: transparent;
}

team-overview .account-room {
  background-color: var(--cp-color275);
  border-bottom: 1px solid #37314b;
}

team-overview .account-room .account-lump .row {
  padding: 1.6rem 0;
}

team-overview .account-room .account-lump .col {
  padding: 0.4rem 0 0.4rem 0.8rem;
}

team-overview .account-room .account-lump .col span {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
}

team-overview .account-room .account-lump .col.full-col span {
  font-family: DINAlternate;
}

team-overview .account-room .account-lump .col.full-col-title {
  font-family: "微软雅黑";
}

team-overview .filter {
  margin-bottom: 0;
  border-bottom: 1px solid #37314b !important;
}

team-overview .filter .datetime-ios {
  padding: 13px 0px 11px 0px;
}

team-overview .filter .datetime-ios .datetime-text {
  font-size: 1.3rem;
}

team-overview .filter ion-icon[name="arrow-down"] {
  margin-left: 0.4rem;
}

team-overview .list_det p {
  padding: 0 1.6rem;
  height: 5rem;
  border-bottom: 1px solid #37314b;
  font-size: 1.4rem;
}

team-overview .list_det p .label {
  color: #d4cdec;
}

team-overview .item-list.sub-list {
  height: calc(100% - 4.5rem);
}

team-overview .item-list .item_header {
  width: 100%;
  height: 5rem;
  padding: 0 2rem 0rem 2rem;
  background: var(--cp-color275);
}

team-overview .item-list .list {
  margin: 0;
}

team-overview .item-list .list-ios > .item-block:last-child {
  border-bottom: 1px solid #37314b;
}

team-overview .item-list .item-ios {
  border-bottom: 1px solid #37314b;
  background-color: var(--cp-color153);
}

team-overview .item-list .item-ios p {
  margin: 0;
  width: 30%;
  color: var(--cp-color143);
}

team-overview .item-list .item-ios.item-block .item-inner {
  border-bottom: none;
  padding-left: 0;
}

team-overview .item-list p.content-left {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--cp-color274);
}

team-overview .item-list p.content-left.have-sub {
  color: #00b8e7;
}

team-overview .item-list p.content-rigth {
  display: inline-block;
  width: 62%;
  text-align: right;
}

team-overview .item-list p.content-rigth span {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

team-overview .item-list p.content-rigth .profit {
  color: #dd7447;
  font-weight: normal;
}

team-overview .item-list p.content-rigth .profit.win {
  color: #ff864b;
}

team-overview .item-list p.content-rigth .profit.lose {
  color: #43e937;
}

team-overview .item-list .detail-box {
  margin-top: 0.8rem !important;
  text-align: center;
  width: 33% !important;
  padding: 1rem 0 1rem 0;
}

team-overview .item-list ion-label.label.label-ios {
  margin: 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

team-overview .item-list span.str {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
}

team-overview .item-list span.num {
  font-size: 1.3rem;
  font-family: DINAlternate;
  color: #fff;
}

team-overview .item-list span.num.win {
  color: #ff864b;
}

team-overview .item-list span.num.lose {
  color: #43e937;
}

team-overview .item-list p.remind {
  font-size: 1.6rem;
  width: 83%;
  text-align: center;
  margin: 2rem auto;
  line-height: 2.3rem;
}

.secend-page .data-view {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 1rem 0;
}

.secend-page .data-view p {
  width: 50%;
  color: #fff;
  font-size: 1.3rem;
  padding: 0.4rem 0 0rem 2rem;
}

.secend-page .data-view p span {
  color: #33cdff;
}

.secend-page .data-content {
  padding: 0 1rem;
  line-height: 4.2rem;
  width: 100%;
}

.secend-page .data-content .data-list {
  width: 100%;
  font-size: 1.3rem;
  color: var(--cp-color148);
  border-bottom: 0.1rem solid #605a74;
}

.secend-page .data-content .data-list:last-of-type {
  border-bottom: 0;
}

.secend-page .data-content .data-list .icon-label img {
  margin-right: 0.4rem;
}

.secend-page .data-content .data-list span {
  display: inline-block;
  width: 8rem;
  text-align: center;
  margin-right: 2rem;
  white-space: nowrap;
}

.clear-btn {
  background: transparent !important;
  border: 0 !important;
  outline: 0 !important;
}

page-create-account .content.content-ios {
  background: var(--cp-color275);
}

page-create-account .create-account {
  padding: 2rem 1rem;
}

page-create-account .create-account .tle {
  color: #fff;
  line-height: 3rem;
}

page-create-account .create-account .tle.copy-tle {
  color: #6f91ff;
  margin: 1.4rem auto 0.4rem;
}

page-create-account .create-account .input-item .out-block {
  margin-bottom: 2rem;
}

page-create-account .create-account .input-item .out-block.tip-h {
  height: 2rem;
}

page-create-account .create-account .input-item .out-block .input-inline {
  width: calc(100% - 7rem);
  position: relative;
}

page-create-account .create-account .input-item .out-block .input-inline.full-w {
  width: 100%;
}

page-create-account .create-account .input-item .out-block .input-inline.full-w .tip {
  color: #d97272;
  font-size: 1.2rem;
  white-space: nowrap;
}

page-create-account .create-account .input-item .out-block .input-inline img {
  position: absolute;
  right: 0.8rem;
  width: 1.2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-create-account .create-account .input-item .out-block .input-inline .pwd-input {
  padding-right: 2.8rem;
  color: var(--cp-color234);
  background-color: var(--cp-color233);
}

page-create-account .create-account .input-item .out-block .input-inline .label {
  color: var(--cp-color148);
  font-size: 1.4rem;
  font-weight: 500;
  text-align: right;
  display: inline-block;
  white-space: nowrap;
  width: 42%;
}

page-create-account .create-account .input-item .out-block .input-inline .label i {
  color: red;
  margin-right: 5px;
}

page-create-account .create-account .input-item .out-block .input-inline input {
  height: 4rem;
  width: calc(100% - 7rem);
  background: var(--cp-color229);
  border: 0;
  outline: 0;
  color: #fff;
  border-radius: 0.4rem;
  padding: 0.8rem;
}

page-create-account .create-account .input-item .out-block .input-inline input::-webkit-input-placeholder {
  color: var(--cp-color230);
  font-size: 1.2rem;
}

page-create-account .create-account .input-item .out-block .input-inline input::-moz-placeholder {
  color: var(--cp-color230);
  font-size: 1.2rem;
}

page-create-account .create-account .input-item .out-block .input-inline input::-ms-input-placeholder {
  color: var(--cp-color230);
  font-size: 1.2rem;
}

page-create-account .create-account .input-item .out-block .input-inline input::placeholder {
  color: var(--cp-color230);
  font-size: 1.2rem;
}

page-create-account .create-account .input-item .out-block a {
  width: 6rem;
  text-align: center;
  text-decoration: none;
  color: var(--cp-color232);
  font-size: 1.4rem;
  position: relative;
  border: 0.1rem solid var(--cp-color231);
  border-radius: 0.4rem;
  line-height: 3.8rem;
  margin-left: 1rem;
}

page-create-account .create-account .button-outer {
  padding: 3rem 4rem 2.4rem 4rem;
}

page-create-account .create-account .button-outer .open {
  background: -webkit-gradient(linear, left top, right top, from(#e6ac57), to(#c16832));
  background: linear-gradient(to right, #e6ac57, #c16832);
  color: #fff;
  border: 0;
  border-radius: 0.4rem;
  height: 4.2rem;
  width: 100%;
  font-size: 1.6rem;
  font-weight: bold;
}

page-create-account .create-account .form-group.point .pre-label .select-ios {
  max-width: none;
}

page-create-account .create-account .form-group .pre-label {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
  -ms-flex-align: baseline;
  align-items: baseline;
}

page-create-account .create-account .form-group .pre-label .proportion-select {
  margin-left: 0;
  width: 33%;
}

page-create-account .create-account .form-group .pre-label .select-ios {
  max-width: 65%;
}

page-create-account .create-account .form-group .pre-label .flex-center, page-create-account .create-account .form-group .pre-label .flex-column-center, page-create-account .create-account .form-group .pre-label lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting page-create-account .create-account .form-group .pre-label .button-inner, page-create-account .create-account .form-group .pre-label lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting page-create-account .create-account .form-group .pre-label .button-inner, page-create-account .create-account .form-group .pre-label lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .down, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r page-create-account .create-account .form-group .pre-label .down, page-create-account .create-account .form-group .pre-label lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .down, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r page-create-account .create-account .form-group .pre-label .down {
  width: 40%;
}

page-create-account .create-account .form-group.normal-group {
  margin-bottom: 1rem;
}

page-create-account .create-account .form-group.normal-group label.control-label {
  margin-top: 0;
}

page-create-account .create-account .form-group.normal-group i {
  font-style: normal;
}

page-create-account .create-account .form-group.normal-group .tips {
  color: #e5b781;
}

page-create-account .create-account .form-group .mynormal-group {
  -webkit-box-align: baseline !important;
  -webkit-align-items: baseline !important;
  -ms-flex-align: baseline !important;
  align-items: baseline !important;
}

page-create-account .create-account .form-group label.control-label {
  color: var(--cp-color148);
  font-weight: 500;
  text-align: right;
  width: 28%;
}

page-create-account .create-account .form-group label.control-label i {
  color: red;
  margin-right: 0.3rem;
}

page-create-account .create-account .form-group .proportion-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 72%;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  margin-left: 28%;
}

page-create-account .create-account .form-group .proportion-select {
  width: 46%;
  margin-bottom: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px;
  margin-right: 0.6rem;
  background: #1e1b24;
  padding: 0.5rem 0;
}

page-create-account .create-account .form-group .proportion-select .item-cover {
  height: auto !important;
}

page-create-account .create-account .form-group .proportion-select label.proportion-label {
  font-weight: 500;
  margin-left: 1rem;
  white-space: nowrap;
}

page-create-account .create-account .form-group .fast-selsect {
  background: var(--cp-color235);
}

page-create-account .create-account .form-group .fast-selsect .select-placeholder.select-text {
  color: var(--cp-color236);
}

page-create-account .create-account .form-group .fast-selsect .select-ios .select-icon .select-icon-inner {
  color: white;
}

page-create-account .create-account .form-group .select-reward {
  background-color: transparent;
  width: 35%;
}

page-create-account .create-account .form-group .select-reward ion-input {
  background-color: var(--cp-color229);
  color: #fff;
  padding: 0 1rem;
  border-radius: 0.4rem;
}

page-create-account .create-account .form-group .select-reward ion-input.disabled {
  opacity: 0.4;
}

page-create-account .create-account .form-group .select-reward ion-input input::-webkit-input-placeholder {
  color: #6d6688;
}

page-create-account .create-account .form-group .select-reward ion-input input::-moz-placeholder {
  color: #6d6688;
}

page-create-account .create-account .form-group .select-reward ion-input input::-ms-input-placeholder {
  color: #6d6688;
}

page-create-account .create-account .form-group .select-reward ion-input input::placeholder {
  color: #6d6688;
}

page-create-account .create-account .form-group .select-ios {
  padding: 7px 8px 4px 5px;
  color: #ff8006;
  max-width: 60%;
  margin-left: 0.2rem;
  width: 100%;
}

page-create-account .create-account .form-group .item-cover {
  height: auto !important;
}

page-create-account .create-account .tip {
  color: #81cce2;
  font-size: 1.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-create-account .create-account .tip img {
  width: 1.5rem;
  margin-right: 0.3rem;
}

page-create-account .segment-ios .segment-button {
  height: 4.2rem;
  line-height: 4.2rem;
}

page-create-account .link-outer .code-box {
  height: 11.4rem;
  width: 9rem;
}

page-create-account .link-outer .code-box .qrcode {
  height: 9rem;
  width: 9rem;
  background: #fff;
  overflow: hidden;
}

page-create-account .link-outer .code-box .qrcode img {
  width: 100%;
  height: 100%;
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
}

page-create-account .link-outer .code-box p {
  line-height: 2.4rem;
  background: #532bc6;
  color: #fff;
  font-size: 1.2rem;
  text-align: center;
  width: 100%;
}

page-create-account .link-outer .icon-group {
  width: calc(100% - 9rem);
}

page-create-account .link-outer .icon-group .icon {
  width: 33.33333%;
}

page-create-account .link-outer .icon-group .icon img {
  width: 3rem;
  margin-bottom: 0.6rem;
}

page-create-account .link-outer .icon-group .icon span {
  color: #fff;
  font-size: 1.2rem;
}

page-create-account .copy-line {
  border-radius: 0.4rem;
  background: var(--cp-color229);
  line-height: 4rem;
  height: 4rem;
  padding: 0 1rem;
}

page-create-account .copy-line span.line {
  color: #7d7399;
  font-size: 1.2rem;
  display: inline-block;
  width: calc(100% - 3rem);
  padding-right: 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

page-create-account .copy-line button {
  font-size: 1.2rem;
  padding: 0;
  width: 3rem;
}

page-create-account .copy-line button span {
  color: #6f91ff;
}

page-create-account .btn-verify {
  height: 4rem !important;
  color: #849fed;
  font-size: 1.4rem !important;
  background: none;
  border: 1px solid #849fed;
  border-radius: 5px;
}

page-create-account .btn-verify.success {
  color: #666;
  background: #edfff5;
  border: 1px solid #e4e4e4;
  opacity: 0.8;
}

page-create-account .btn-verify.success ion-icon {
  color: #23c56d;
  margin-right: 0.8rem;
}

page-create-account .setting-select {
  width: 7rem;
  background: var(--cp-color229);
  height: 3.8rem;
  border-radius: 0.4rem;
  padding: 0.8rem 1rem;
}

page-create-account .contract-setting-box {
  margin-top: 0.8rem;
  background: var(--cp-color156);
}

page-create-account .contract-setting-box .setting-item {
  color: var(--cp-color143);
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #37314b;
}

page-create-account .contract-setting-box .setting-item .flex-end, page-create-account .contract-setting-box .setting-item .flex-column-end, page-create-account .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r, page-create-account .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r {
  width: 40%;
}

page-create-account .contract-setting-box .setting-item .flex-end .symbol, page-create-account .contract-setting-box .setting-item .flex-column-end .symbol, page-create-account .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .symbol, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .symbol, page-create-account .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .symbol, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .symbol {
  width: 2rem;
  margin-left: 0.8rem;
}

page-create-account .contract-setting-box .setting-item .flex-end .input, page-create-account .contract-setting-box .setting-item .flex-column-end .input, page-create-account .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .input, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .input, page-create-account .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .input, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .input,
page-create-account .contract-setting-box .setting-item .flex-end .select,
page-create-account .contract-setting-box .setting-item .flex-column-end .select,
page-create-account .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .select,
lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .select,
page-create-account .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .select,
lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .select {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}

page-create-account .contract-setting-box .setting-item .flex-end .text-input, page-create-account .contract-setting-box .setting-item .flex-column-end .text-input, page-create-account .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .text-input, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .text-input, page-create-account .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .text-input, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r .text-input {
  margin: 0rem;
  height: 2rem;
}

page-create-account .contract-setting-box .setting-item .flex-end ion-select, page-create-account .contract-setting-box .setting-item .flex-column-end ion-select, page-create-account .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r ion-select, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r ion-select, page-create-account .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r ion-select, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-create-account .contract-setting-box .setting-item .r ion-select {
  max-width: 100%;
}

page-create-account .contract-setting-box .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2rem 1.5rem;
}

page-create-account .contract-setting-box .btn-box .alter {
  margin: 0 1rem;
}

page-create-account .item-ios.item-block .item-inner {
  border-bottom: none;
}

.modal-dialog {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 99999;
}

.modal-dialog.account-open {
  display: block;
}

.modal-dialog.link-open {
  display: none;
}

.modal-dialog .modal-dialog-container {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-60%);
  transform: translateY(-60%);
  left: 8%;
  width: 84%;
  margin: 0 auto;
  overflow: hidden;
  border-radius: 8px;
  background: #39335c !important;
  border: 2px solid var(--cp-color136) !important;
}

.modal-dialog .modal-dialog-container .modal-header {
  margin: 0;
  font-size: 1.6rem;
  font-weight: bold;
  padding: 1.6rem 0;
  text-align: center;
  background: var(--cp-color136);
}

.modal-dialog .modal-dialog-container .modal-center {
  padding: 1.6rem;
  min-height: 10rem;
  overflow-y: scroll;
  margin-bottom: 0.5rem;
}

.modal-dialog .modal-dialog-container .modal-center .account-item {
  color: #a9a4bd;
  font-weight: 500;
}

.modal-dialog .modal-dialog-container .modal-center .account-item:not(:last-child) {
  margin-bottom: 0.8rem;
}

.modal-dialog .modal-dialog-container .modal-center .account-item .account-item-title {
  display: block;
}

.modal-dialog .modal-dialog-container .modal-center .account-item span.account-item-value {
  color: white;
  font-weight: bold;
}

.modal-dialog .modal-dialog-container .modal-bottom {
  background-color: #2c2a38;
  border-top: 1px solid var(--cp-color138);
}

.modal-dialog .modal-dialog-container .button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 4.4rem;
  margin: 0rem;
  border-radius: 0rem;
  background: var(--cp-color137);
  color: #e9a860;
}

.modal-dialog .modal-dialog-container .button:first-child {
  border-right: 1px solid var(--cp-color138);
  background: var(--cp-color137);
  color: #a5a5c8;
}

.account-info {
  color: #bfb9d6;
}

.account-info h4 {
  font-size: 1.4rem;
  font-weight: 500;
  color: #a9a4bd;
}

.account-info .reward-model {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 0.5rem;
  color: white;
  font-weight: 500;
}

.account-info .reward-model span {
  margin-bottom: 0.5rem;
  width: 33.333%;
}

.link-list {
  margin-bottom: 2rem;
}

.link-list .link-card {
  width: 95%;
  background: var(--cp-color229);
  margin-left: 2.5%;
  border-radius: 5px;
  margin-top: 1rem;
  color: var(--cp-color148);
  padding: 1rem 1rem 1rem 1.5rem;
}

.link-list .link-card .link-card-item.flex-start, .link-list .link-card .link-card-item.flex-column-start, .link-list .link-card page-create-account .create-account .link-card-item.form-group.normal-group, page-create-account .create-account .link-list .link-card .link-card-item.form-group.normal-group, .link-list .link-card lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-card-item.l, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l, .link-list .link-card lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-card-item.l, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l, .link-list .link-card .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-card-item.content, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-list .link-card .link-card-item.content {
  margin-bottom: 0.5rem;
}

.link-list .link-card .link-card-item.flex-start span.child-title, .link-list .link-card .link-card-item.flex-column-start span.child-title, .link-list .link-card page-create-account .create-account .link-card-item.form-group.normal-group span.child-title, page-create-account .create-account .link-list .link-card .link-card-item.form-group.normal-group span.child-title, .link-list .link-card lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-card-item.l span.child-title, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l span.child-title, .link-list .link-card lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-card-item.l span.child-title, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l span.child-title, .link-list .link-card .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-card-item.content span.child-title, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-list .link-card .link-card-item.content span.child-title {
  width: 13%;
  color: var(--cp-color148);
}

.link-list .link-card .link-card-item.flex-start a, .link-list .link-card .link-card-item.flex-column-start a, .link-list .link-card page-create-account .create-account .link-card-item.form-group.normal-group a, page-create-account .create-account .link-list .link-card .link-card-item.form-group.normal-group a, .link-list .link-card lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-card-item.l a, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l a, .link-list .link-card lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-card-item.l a, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l a, .link-list .link-card .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-card-item.content a, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-list .link-card .link-card-item.content a {
  color: #2691ff;
}

.link-list .link-card .link-card-item.flex-start .proportion-box, .link-list .link-card .link-card-item.flex-column-start .proportion-box, .link-list .link-card page-create-account .create-account .link-card-item.form-group.normal-group .proportion-box, page-create-account .create-account .link-list .link-card .link-card-item.form-group.normal-group .proportion-box, .link-list .link-card lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-card-item.l .proportion-box, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l .proportion-box, .link-list .link-card lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-card-item.l .proportion-box, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l .proportion-box, .link-list .link-card .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-card-item.content .proportion-box, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-list .link-card .link-card-item.content .proportion-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.5rem;
}

.link-list .link-card .link-card-item.flex-start .proportion-box span, .link-list .link-card .link-card-item.flex-column-start .proportion-box span, .link-list .link-card page-create-account .create-account .link-card-item.form-group.normal-group .proportion-box span, page-create-account .create-account .link-list .link-card .link-card-item.form-group.normal-group .proportion-box span, .link-list .link-card lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-card-item.l .proportion-box span, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l .proportion-box span, .link-list .link-card lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-card-item.l .proportion-box span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l .proportion-box span, .link-list .link-card .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-card-item.content .proportion-box span, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-list .link-card .link-card-item.content .proportion-box span {
  width: 30%;
}

.link-list .link-card .link-card-item.flex-start .proportion-box .point-right, .link-list .link-card .link-card-item.flex-column-start .proportion-box .point-right, .link-list .link-card page-create-account .create-account .link-card-item.form-group.normal-group .proportion-box .point-right, page-create-account .create-account .link-list .link-card .link-card-item.form-group.normal-group .proportion-box .point-right, .link-list .link-card lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-card-item.l .proportion-box .point-right, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l .proportion-box .point-right, .link-list .link-card lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-card-item.l .proportion-box .point-right, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .link-list .link-card .link-card-item.l .proportion-box .point-right, .link-list .link-card .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-card-item.content .proportion-box .point-right, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .link-list .link-card .link-card-item.content .proportion-box .point-right {
  margin-right: 4rem;
}

.link-list .link-card .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
}

.link-list .link-card .btn-box .button-ios {
  background: -webkit-gradient(linear, left top, right top, from(#e6ac57), to(#c16832));
  background: linear-gradient(to right, #e6ac57, #c16832);
  height: auto;
  padding: 0.6rem 2rem;
}

.select-ios .select-placeholder {
  color: var(--cp-color230);
}

.select-alert .alert-radio-group .alert-radio-button[aria-checked="true"] .alert-radio-label,
.select-alert .alert-button-group .alert-radio-button[aria-checked="true"] .alert-radio-label {
  color: #ffcd00;
}

page-fastwithdrawal .scroll-content {
  background: white;
}

page-fastwithdrawal .item-ios.item-block .item-inner {
  padding-right: 0;
}

page-fastwithdrawal .list {
  margin: 0;
}

page-fastwithdrawal .list .item-ios [item-start] {
  margin: 8px 16px 8px 0;
  color: #9f9f9f;
  font-size: 1.5rem;
  font-weight: 500;
}

page-fastwithdrawal .list .item-ios [item-end] {
  margin: 0;
  color: #4290ff;
  font-size: 1.6rem;
  font-weight: bold;
}

page-fastwithdrawal .list p.tips {
  font-size: 1.3rem;
  color: #f20000;
  margin-bottom: 0.5rem;
  margin-top: -0.3rem;
}

page-fastwithdrawal .list span.textend {
  color: #383838 !important;
}

page-fastwithdrawal .tips-box {
  width: 100%;
  padding: 1.5rem 9rem;
  background: #ebebeb;
  font-size: 1.5rem;
  font-weight: bold;
  border-radius: 6px;
  text-align: center;
  color: #464646;
  margin-top: 1.5rem;
}

page-fastwithdrawal .tips-box span {
  color: #4290ff;
}

page-fastwithdrawal .anther-tips {
  text-align: center;
  width: 96%;
  background: #f5f5f5;
  padding: 1.2rem 1rem;
  margin: 1.5rem auto;
  border-radius: 27px;
  color: #464646;
  font-weight: bold;
}

page-fastwithdrawal .anther-tips span {
  color: #f20000;
}

page-fastwithdrawal .withdraw-list .button-ios {
  padding: 2.3rem 4.3rem;
  background-color: #d8a871;
  color: #ffffff;
  position: relative;
}

page-fastwithdrawal .withdraw-list .button-ios span.button-inner {
  font-size: 1.6rem;
  font-weight: 500;
}

page-fastwithdrawal .withdraw-list .dfbgclolr {
  background-color: #4290ff;
  color: #ffffff;
}

page-fastwithdrawal .withdraw-list h2 {
  color: #d8a871;
  font-size: 1.6rem;
  font-weight: 500;
  padding-top: 0.5rem;
}

page-fastwithdrawal .withdraw-list .dftxclolr {
  color: #4290ff;
}

page-fastwithdrawal .withdraw-list p.money {
  font-size: 2.6rem;
  font-weight: bolder;
  color: #252525;
}

page-fastwithdrawal .withdraw-list p.money sub {
  font-size: 1.5rem;
  color: #2d2d2d;
  bottom: -0.04em;
}

page-fastwithdrawal .withdraw-list p.tip-text {
  color: #5a5a5a;
}

page-fastwithdrawal .withdraw-list .enditem {
  position: relative;
}

page-fastwithdrawal .withdraw-list span.send {
  position: absolute;
  top: -0.5rem;
  left: 1rem;
  background: #ff6060;
  border-radius: 17px;
  color: #ffffff;
  font-size: 1.2rem;
  padding: 0.2rem 1rem;
  z-index: 99;
}

page-fastwithdrawal .withdraw-list p.time {
  font-size: 1.3rem;
}

page-fastwithdrawal .withdraw-list p.time .text {
  color: #b0b0b0;
}

page-fastwithdrawal .withdraw-list p.time span {
  color: #d8a871;
}

page-fastwithdrawal .withdraw-list p.time span.dftxclolr {
  color: #4290ff;
}

page-fastwithdrawal .withdraw-list p.witer-gay {
  color: #444444;
  font-size: 1.4rem;
}

page-fastwithdrawal .withdraw-list p.witer {
  color: #01bb01;
}

page-fastwithdrawal .button-round-ios {
  border-radius: 64px;
  padding: 0 2.6rem;
  width: 96%;
  border: 1px solid #dfdfdf;
  color: #2c2c2c;
  font-weight: 500;
  margin-top: 1.5rem;
}

page-fastwithdrawal .ion-ios-information-circle:before {
  color: #dcae77;
}

page-deposit-recordmain ion-content .scroll-content,
page-withdraw-recordmain ion-content .scroll-content {
  background: var(--cp-color270);
}

page-deposit-recordmain ion-content .contop,
page-withdraw-recordmain ion-content .contop {
  padding-top: 3rem;
}

page-deposit-recordmain ion-content .contop p,
page-withdraw-recordmain ion-content .contop p {
  text-align: center;
  font-weight: bold;
  font-size: 1.7rem;
  color: var(--cp-color266);
}

page-deposit-recordmain ion-content .contop .recmoney,
page-withdraw-recordmain ion-content .contop .recmoney {
  color: var(--cp-color267);
  font-size: 2.6rem;
  margin-top: 1rem;
}

page-deposit-recordmain ion-content .container,
page-withdraw-recordmain ion-content .container {
  padding: 2.4rem 1.6rem;
  margin-top: 2.4rem;
}

page-deposit-recordmain ion-content .container ul li,
page-withdraw-recordmain ion-content .container ul li {
  color: var(--cp-color268);
  font-size: 1.6rem;
  margin-bottom: 1.6rem;
}

page-deposit-recordmain ion-content .container ul li .fontdetail,
page-withdraw-recordmain ion-content .container ul li .fontdetail {
  color: var(--cp-color269);
  margin-left: 1rem;
}

page-deposit-recordmain .button,
page-withdraw-recordmain .button {
  height: 2.8rem;
  padding: 0 1.6rem;
  font-size: 1.4rem;
  color: var(--cp-color283);
  background: none;
  border: 1px solid var(--cp-color283);
  margin-left: 3rem;
}

page-deposit-record .record-container {
  height: 100%;
  background: var(--cp-color34);
}

page-deposit-record .nouser {
  height: calc(100% - 12.75rem);
}

page-deposit-record .label .data {
  text-align: right;
}

page-deposit-record .search-bar {
  background: var(--cp-color142);
  padding: 0;
}

page-deposit-record .search-bar .button {
  background: transparent;
}

page-deposit-record .search-bar .button span {
  font-size: 1.6rem;
}

page-deposit-record .search-bar .button ion-icon {
  font-size: 3rem;
}

page-deposit-record .search-bar .t-h {
  height: 3.8rem;
  background: var(--cp-color151);
}

page-deposit-record .search-bar .t-h div {
  padding: 0 4rem;
  color: #fff;
  font-size: 1.4rem;
}

page-deposit-record .search-bar .filter-select {
  width: 50%;
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
}

page-deposit-record .search-bar .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid var(--cp-color144);
}

page-deposit-record .search-bar .filter-select .sort-select .sort-text {
  display: block;
  width: 9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-deposit-record .search-bar .filter-select-box {
  width: 100%;
}

page-deposit-record .oprate-btn {
  padding: 2rem;
}

page-deposit-record .oprate-btn button {
  width: 6.6rem;
  height: 3.2rem;
  border: 1px solid #6d6688;
  background: transparent;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}

page-deposit-record .filter.row {
  background: var(--cp-color156);
  border-bottom: 1px solid #322e3f;
  color: white;
}

page-deposit-record .filter {
  margin-bottom: 0;
}

page-deposit-record .page-container .row-box {
  padding: 0 1rem;
}

page-deposit-record .page-container .row-box .item {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--cp-color150);
}

page-deposit-record .page-container .row-box .item .text {
  color: var(--cp-color148);
  font-size: 1.3rem;
}

page-deposit-record .page-container .row-box .item .sub {
  color: var(--cp-color149);
  font-size: 1.2rem;
}

page-deposit-record .page-container .row-box .item .sub.text-success {
  color: #4bdc38 !important;
}

page-deposit-record .page-container .row-box .item .sub.text-danger {
  color: #fe3d5d !important;
}

page-deposit-record .page-container .row-box .item .sub.normal {
  color: #1fb8ff;
}

page-deposit-record .page-container .row-box .item .sub.wait {
  color: #feb83d;
}

page-USDT-recharge .scroll-content {
  background: var(--cp-color156);
}

page-USDT-recharge .scroll-content .usdt-content {
  padding: 0.8rem 0.6rem;
}

page-USDT-recharge .scroll-content .usdt-content .hash {
  border-bottom: 1px solid #e9e9e9;
  padding-left: 0.6rem;
}

page-USDT-recharge .scroll-content .usdt-content p.tips-text {
  color: red;
  font-size: 1.2rem;
  padding: 0.3rem 0 0 0.5rem;
}

page-USDT-recharge .scroll-content .needsclick {
  padding: 0.5rem 2rem;
  border-radius: .4rem;
  border: 1px solid #0fa3fb;
  text-align: center;
  color: #0fa3fb;
  margin: 0;
  height: auto;
  background: none;
  font-size: 1.4rem;
}

page-USDT-recharge .scroll-content .needsclick span.button-inner {
  color: #0fa3fb;
}

page-USDT-recharge .scroll-content .copy-tilte {
  color: #fe9c54;
  font-size: 1.4rem;
  padding: 0.3rem 0 0 0rem;
  padding-top: 1rem;
  margin-bottom: 1rem;
  width: 100%;
}

page-USDT-recharge .scroll-content .copy-tilte span {
  color: white;
  margin-right: 0.3rem;
}

page-USDT-recharge .scroll-content .copy-info-box {
  padding: .8rem;
}

page-USDT-recharge .scroll-content .copy-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  padding: 0.5rem 0.6rem 1.5rem 0.8rem;
  background: #201c27;
  border-radius: 0.4rem;
}

page-USDT-recharge .scroll-content .copy-info .text-info {
  width: 100%;
}

page-USDT-recharge .scroll-content .copy-info .fl {
  border: none;
  padding-top: 0;
}

page-USDT-recharge .scroll-content .copy-info .fl p {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: auto;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-USDT-recharge .scroll-content .copy-info .fl p .usdt-left {
  width: auto;
}

page-USDT-recharge .scroll-content .copy-info .fl span.usdt-right-usdt {
  white-space: unset;
  width: auto;
  text-overflow: unset;
  overflow: auto;
  padding-left: 0.9rem;
  padding-top: 0.5rem;
  color: #333;
  font-size: 1.6rem;
  font-weight: 500;
}

page-USDT-recharge .scroll-content .copy-info p.copy {
  margin-right: 0.3rem;
}

page-USDT-recharge .scroll-content .fl,
page-USDT-recharge .scroll-content .fb {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 0;
}

page-USDT-recharge .scroll-content .fl .usdt-left,
page-USDT-recharge .scroll-content .fb .usdt-left {
  font-size: 1.4rem;
  margin-right: 0.8rem;
  display: inline-block;
  width: 8rem;
  text-align: right;
}

page-USDT-recharge .scroll-content .fl p,
page-USDT-recharge .scroll-content .fb p {
  width: 85%;
  overflow: hidden;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-USDT-recharge .scroll-content .fl .usdt-right,
page-USDT-recharge .scroll-content .fb .usdt-right {
  width: 70%;
  font-size: 1.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 500;
}

page-USDT-recharge .scroll-content .fl .usdt-right.money,
page-USDT-recharge .scroll-content .fb .usdt-right.money {
  color: #f6dc0a;
}

page-USDT-recharge .scroll-content .fl .red,
page-USDT-recharge .scroll-content .fb .red {
  color: red;
  font-size: 1.6rem;
}

page-USDT-recharge .scroll-content .fl .ut-num,
page-USDT-recharge .scroll-content .fb .ut-num {
  color: #f6dc0a;
}

page-USDT-recharge .scroll-content span.copy,
page-USDT-recharge .scroll-content p.copy {
  padding: 0.2rem 0rem;
  border-radius: 5px;
  border: 1px solid #0fa3fb;
  text-align: center;
  color: #0fa3fb;
  width: 5rem;
}

page-USDT-recharge .scroll-content .fb {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-USDT-recharge .scroll-content .fb .copy {
  width: 3rem;
}

page-USDT-recharge .scroll-content .transfer-qrimg {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 8.8rem;
  padding: 0;
}

page-USDT-recharge .scroll-content .transfer-qrimg .qrimg {
  margin-right: 0.5rem;
}

page-USDT-recharge .scroll-content .transfer-qrimg .qrimg p {
  font-size: 1.2rem;
}

page-USDT-recharge .scroll-content .transfer-qrimg .learn a {
  text-decoration: none;
  color: #1da3ff;
  display: block;
}

page-USDT-recharge .scroll-content .transfer-qrimg .learn a:first-child {
  margin-bottom: 2rem;
}

page-USDT-recharge .scroll-content .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 0.5rem;
}

page-USDT-recharge .scroll-content .btn-box .return {
  background: #4e4862;
  color: #fff;
  text-align: center;
  font-weight: bold;
  font-size: 1.6rem;
  border-radius: 0.4rem;
  margin-right: 2.5rem;
  padding: 0 3.5rem;
}

page-USDT-recharge .scroll-content .btn-box .submit {
  padding: 0 3.5rem;
  border-radius: 0.4rem;
}

page-USDT-recharge .scroll-content .quota {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

page-USDT-recharge .scroll-content .hash input.text-input.text-input-ios {
  margin-left: 0.1rem;
  font-size: 1.5rem;
  font-weight: 500;
}

page-USDT-recharge .scroll-content .hash p {
  color: #666;
  margin-top: 1rem;
}

page-USDT-recharge .scroll-content .hash span {
  color: red;
  margin-right: 0.2rem;
}

page-USDT-recharge .scroll-content .hash .label-ios {
  color: #666;
  font-size: 1.4rem;
}

page-USDT-recharge .scroll-content .hash .item-inner {
  border-bottom: none !important;
}

page-USDT-recharge .scroll-content p.service {
  text-align: center;
  margin-top: 2rem;
}

page-USDT-recharge .scroll-content p.service a {
  color: #1da3ff;
}

page-USDT-recharge .btn-buy {
  color: #ffffff;
  background: #138b65;
  margin: 3rem auto 1rem auto;
  display: block;
}

page-recharge-detail .scroll-content {
  background: var(--cp-color156);
}

page-recharge-detail .recharge-detail .detail-list button {
  height: auto;
  margin-right: -1rem;
  border: 1px solid #b9875f;
  padding: 0.4rem 1em;
  color: #b9875f;
}

page-recharge-detail .recharge-detail .detail-item {
  margin-bottom: 1rem;
}

page-recharge-detail .recharge-detail .detail-item-title {
  max-width: 9rem;
}

page-recharge-detail .recharge-detail .detail-item-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-recharge-detail .recharge-detail .detail-item-body span {
  font-size: 1.6rem;
  font-family: DINAlternate;
  letter-spacing: 1px;
}

page-recharge-detail .btn-group .third {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-recharge-detail .btn-group .back {
  width: 9rem;
  margin-left: 1rem;
}

page-recharge-detail .recharge-remark {
  color: #d4cdec;
}

page-recharge-detail .recharge-remark-body {
  font-size: 1.2rem;
}

page-recharge-detail .recharge-remark-title {
  margin-bottom: 1rem;
}

recharge-method .scroll-content {
  background: var(--cp-color11);
}

recharge-method .kefu-bx {
  margin-top: 3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

recharge-method .kefu-bx .recharge {
  border-radius: 0.6rem;
  border: 1px solid #ebc58d;
  background: -webkit-gradient(linear, left top, right top, from(#ebc58d), to(#d8a871));
  background: linear-gradient(to right, #ebc58d, #d8a871);
  font-weight: bold;
  text-align: center;
  margin-top: 2rem;
}

recharge-method .kefu-bx .recharge a {
  color: #fff;
  text-decoration: none;
}

recharge-method .xb-input {
  margin-top: 0.8rem;
  border-bottom: 1px solid #c5c5c5;
  overflow: hidden;
}

recharge-method .xb-input-title {
  margin-right: 8px;
}

recharge-method .xb-input .input-deposit {
  display: block;
}

recharge-method .xb-input .input-deposit-ion {
  margin: 0px 8px 0px 0;
}

recharge-method img.ico-usdt {
  width: var(--cp-color239);
  margin-bottom: var(--cp-color244);
  margin-right: var(--cp-color248);
}

recharge-method .btn {
  width: 100%;
  color: var(--cp-color125);
  height: var(--cp-color240);
  margin: 0rem;
  font-weight: bold;
  border: 1px solid var(--cp-color126);
  background-color: var(--cp-color245);
  padding: var(--cp-color247);
  contain: none;
  min-height: 38px;
}

recharge-method .btn.activated {
  background-color: transparent;
}

recharge-method .btn.selected {
  position: relative;
  color: #efb667;
  border: 1px solid #efb667;
  background: var(--cp-color246);
  font-weight: bold;
}

recharge-method .btn .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 12px;
  white-space: normal;
}

recharge-method .btn .button-inner > span {
  width: 100%;
  display: block;
  word-break: break-all;
  line-height: 16px;
  text-align: var(--cp-color249);
}

recharge-method .text-tips {
  color: #dc9a4d;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100% !important;
}

recharge-method .text-blueviolet {
  color: #695a93;
}

recharge-method .mr-1 {
  margin-right: -1rem;
}

recharge-method .recharge-wrap .method-title {
  padding: 1rem 1.6rem 0.4rem 1.6rem;
}

recharge-method .recharge-wrap .method-title .protocol {
  color: #fff;
}

recharge-method .recharge-wrap .method-title .protocol a {
  color: #efb667;
  text-decoration: none;
}

recharge-method .recharge-wrap .usdt-remark em {
  padding: 0 .6rem;
  color: #f84444;
  font-style: normal;
}

recharge-method .recharge-wrap .method-section {
  padding: 0rem 1.6rem;
  border-bottom: 1px solid var(--cp-color130);
}

recharge-method .recharge-wrap .method-section .max-money {
  color: var(--cp-color129);
}

recharge-method .recharge-wrap .method-section .row .col:not(.text-tips) {
  width: var(--cp-color241);
  -webkit-box-flex: var(--cp-color242);
  -webkit-flex: var(--cp-color242);
  -ms-flex: var(--cp-color242);
  flex: var(--cp-color242);
  max-width: var(--cp-color241);
}

recharge-method .recharge-wrap .method-section .row .col:not(.text-tips) .btn .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: var(--cp-color243);
  -ms-flex-direction: var(--cp-color243);
  flex-direction: var(--cp-color243);
}

recharge-method .recharge-wrap .btn .triangle,
recharge-method .recharge-wrap .btn .fa-solid.fa-check,
recharge-method .recharge-wrap .btn .reward {
  position: absolute;
}

recharge-method .recharge-wrap .btn .reward {
  top: -6px;
  right: 6px;
  border-radius: 10px;
  padding: 0.2rem 0.6rem;
  background-color: #c16732;
  font-size: 12px;
  color: #fff;
}

recharge-method .recharge-wrap .btn .triangle {
  display: none;
  bottom: 0px;
  right: 0px;
  color: #ffffff;
  border-color: transparent #efb667 #efb667 transparent;
  border-style: solid;
  border-width: 12px;
}

recharge-method .recharge-wrap .btn.selected .triangle {
  display: var(--cp-color250);
}

recharge-method .recharge-wrap .btn.selected .fa-solid.fa-check {
  right: -12px;
  bottom: -13px;
  font-weight: 500;
  font-size: 1.4rem;
}

recharge-method .recharge-wrap .btn-method {
  margin-right: -1rem;
}

recharge-method .bank-choice {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

recharge-method .transfer-name {
  margin: 1rem 0;
}

recharge-method .transfer-name .money-input ion-item {
  background: transparent;
}

recharge-method .transfer-name .money-input .name {
  color: #fff;
}

recharge-method .transfer-name .money-input input.text-input.text-input-ios {
  font-size: 1.4rem;
  color: #fff;
  font-weight: 500;
  margin-left: 0.3rem;
}

recharge-method .transfer-name .money-input input.text-input.text-input-ios ::-webkit-input-placeholder {
  color: var(--cp-color128);
  font-weight: normal;
}

recharge-method .transfer-name .money-input input.text-input.text-input-ios ::-moz-placeholder {
  color: var(--cp-color128);
  font-weight: normal;
}

recharge-method .transfer-name .money-input input.text-input.text-input-ios ::-ms-input-placeholder {
  color: var(--cp-color128);
  font-weight: normal;
}

recharge-method .transfer-name .money-input input.text-input.text-input-ios ::placeholder {
  color: var(--cp-color128);
  font-weight: normal;
}

recharge-method .transfer-name .money-input div {
  width: 1.4rem;
  font-weight: 400;
  margin-right: 2rem;
}

recharge-method .tips {
  color: #f44739;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

recharge-method .recharge-input {
  font-size: 1.6rem;
}

recharge-method .recharge-input-title {
  width: 3.2rem;
  margin-right: 1rem;
}

recharge-method .recharge-input-ion {
  margin: 0rem;
}

recharge-method .no-border {
  border-width: 0px !important;
}

recharge-method .btn-amount {
  min-width: 8rem;
  text-align: center;
  height: 3.6rem;
  background-color: transparent;
  border: 1px solid #3a3644;
}

recharge-method .btn-amount + .btn-amount {
  margin-left: 1rem;
}

recharge-method .btn-buy {
  color: #ffffff;
  background: #138b65;
}

recharge-method .recharge-input::-webkit-input-placeholder {
  color: var(--cp-color148);
  font-weight: normal;
}

recharge-method .recharge-input::-moz-placeholder {
  color: var(--cp-color148);
  font-weight: normal;
}

recharge-method .recharge-input::-ms-input-placeholder {
  color: var(--cp-color148);
  font-weight: normal;
}

recharge-method .recharge-input::placeholder {
  color: var(--cp-color148);
  font-weight: normal;
}

recharge-method .footer-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

recharge-method .footer-bg .close-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
}

recharge-method .footer-bg .search-bar {
  padding: 0 1rem;
  margin: 1rem 0;
  background: var(--cp-color142);
}

recharge-method .footer-bg .fixed-alert {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1d1c22;
  height: 37rem;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
}

recharge-method .footer-bg .fixed-alert .alert-header {
  background: var(--cp-color27);
  position: relative;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 6rem;
  line-height: 4rem;
  margin-bottom: 1rem;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
}

recharge-method .footer-bg .fixed-alert .alert-header .choose-wal {
  font-size: 1.6rem;
  color: #fff;
}

recharge-method .footer-bg .fixed-alert .alert-header .cancle {
  position: absolute;
  left: 2rem;
  top: 1rem;
  color: red;
}

recharge-method .footer-bg .fixed-alert .alert-con {
  background: var(--cp-color27);
  height: 30rem;
  overflow-y: scroll;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

recharge-method .footer-bg .fixed-alert .alert-con .third-wallet-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eee;
  padding: 1rem;
}

recharge-method .footer-bg .fixed-alert .alert-con .third-wallet-list img {
  width: 3rem;
}

recharge-method .footer-bg .fixed-alert .alert-con .third-wallet-list .alert-bank-name .card {
  margin-right: 1rem;
  vertical-align: initial;
  color: #222;
}

recharge-method .footer-bg .fixed-alert .alert-con .third-wallet-list .choose {
  color: red;
  font-size: 2.2rem;
}

page-transfer .scroll-content {
  background: var(--cp-color139);
}

page-transfer ion-header .tips {
  font-size: 1.5rem;
}

page-transfer ion-header .tips ion-icon {
  margin-left: 0.3rem;
}

page-transfer .transfer-loading {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  top: 0rem;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}

page-transfer .transfer-loading .spinner {
  position: relative;
  top: 36%;
}

page-transfer .transfer-loading .spinner line {
  stroke: #fff;
}

page-transfer .middle {
  vertical-align: middle;
}

page-transfer .wallet-amount {
  background: #1d1c22;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #1d1c22;
}

page-transfer .wallet-amount .amount {
  color: #ffffff;
  font-weight: bold;
  font-size: 1.6rem;
}

page-transfer .wallet-amount ion-icon {
  color: #b9875f;
  font-size: 2.4rem;
  margin-left: 0.4rem;
  font-weight: bold;
}

page-transfer .wallet-amount .ion-ios-refresh-outline:before {
  font-weight: bold;
}

page-transfer .wallet-amount .receive {
  color: #b9875f;
  font-weight: 500;
}

page-transfer .wallet-balance {
  background: var(--cp-color139);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #312b3c;
  text-align: center;
}

page-transfer .wallet-balance .balance {
  color: #ffe404;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: DINAlternate;
}

page-transfer .wallet-balance img {
  margin-right: 0.6rem;
}

page-transfer p.third-back {
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 0.8rem;
  margin-left: 1rem;
}

page-transfer .third-game {
  background: var(--cp-color139);
}

page-transfer .third-game ion-row.row {
  border-top: 1px solid #312b3c !important;
}

page-transfer .third-game ion-col {
  color: var(--cp-color140);
  text-align: center;
  border-bottom: 1px solid #312b3c !important;
}

page-transfer .third-game ion-col.no-click {
  pointer-events: none;
}

page-transfer .third-game ion-col:active {
  background: rgba(0, 0, 0, 0.2);
}

page-transfer .third-game [col-3],
page-transfer .third-game .col {
  padding: 2rem 0;
  font-size: 1.2rem;
}

page-transfer .third-game .info-circle {
  position: absolute;
  font-size: 1.8rem;
  z-index: 2;
  top: 0.4rem;
  right: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
}

page-transfer .third-game .info-circle img {
  width: 2rem;
}

page-transfer .third-game .info-circle .info-tips {
  display: none;
  position: absolute;
  width: 110px;
  color: #fff;
  background: #000;
  font-size: 1.2rem;
  padding: 0.3rem;
  border-radius: 4px;
}

page-transfer .third-game .info-circle .triangle {
  display: none;
  position: absolute;
  right: 5px;
  top: -9px;
  border-top: 6px solid #000;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

page-transfer .third-game .left-list {
  border-left: 1px solid #312b3c !important;
  font-weight: 500;
}

page-transfer .third-game .close {
  border-right: 1px solid #312b3c !important;
}

page-transfer .third-game .third-wallet {
  color: var(--cp-color140);
  margin-top: 1rem;
  font-weight: 500;
}

page-transfer .third-game .openList {
  border-left: 1px solid #312b3c !important;
}

page-transfer .third-game img {
  width: 1.2rem;
  margin-top: 0.6rem;
}

page-transfer .third-game .public-wallet {
  color: #f3a147;
}

page-transfer .auto-transfer {
  background: var(--cp-color139);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #312b3c;
  padding: 1rem 1rem 1rem 1.6rem;
}

page-transfer .auto-transfer .auto {
  color: white;
  font-weight: bold;
}

page-transfer .auto-transfer .auto ion-icon {
  color: #dc9a4d;
  font-size: 1.6rem;
  margin-left: 0.4rem;
  font-weight: bold;
}

page-transfer .auto-transfer ion-toggle .toggle-inner {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 0.5px solid #ccc;
}

page-transfer .auto-transfer .toggle-ios .toggle-icon::before {
  background-color: #4e4a5a;
}

page-transfer .auto-transfer .toggle-ios .toggle-icon {
  background: #4e4a5a;
}

page-transfer .auto-transfer .toggle-ios.toggle-checked .toggle-icon {
  background-color: var(--cp-color141);
}

page-transfer .auto-transfer .button-effect {
  background-color: #4e4a5a;
}

page-transfer .transfer-wallet {
  background: var(--cp-color139);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 16px 0 10px 0;
}

page-transfer .transfer-wallet img {
  width: 2.8rem;
}

page-transfer .transfer-wallet div {
  font-weight: bold;
  border: 1px solid #454054;
  padding: 0.5rem 1.5rem;
  border-radius: 5px;
  color: var(--cp-color140);
}

page-transfer .transfer-wallet span {
  margin-right: 1rem;
}

page-transfer .transfer-wallet ion-icon {
  vertical-align: middle;
  margin-left: 0.4rem;
}

page-transfer .transfer-amount {
  background: var(--cp-color139);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #312b3c;
  margin-bottom: 2rem;
}

page-transfer .transfer-amount .list {
  width: 100%;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-transfer .transfer-amount .list .label-ios {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-transfer .transfer-amount .item-ios {
  background: var(--cp-color139);
}

page-transfer .transfer-amount .item-ios.item-block .item-inner {
  border-bottom: none;
}

page-transfer .transfer-amount .transfer-icon {
  width: 2.5rem;
  margin-right: 0rem;
}

page-transfer .transfer-amount .transfer-input {
  width: 65%;
  font-size: 2rem;
  border: 0;
}

page-transfer .transfer-amount input.text-input.text-input-ios {
  color: white;
}

page-transfer .transfer-amount input.text-input.text-input-ios::-webkit-input-placeholder {
  color: var(--cp-color140) !important;
}

page-transfer .transfer-amount input.text-input.text-input-ios::-moz-placeholder {
  color: var(--cp-color140) !important;
}

page-transfer .transfer-amount input.text-input.text-input-ios::-ms-input-placeholder {
  color: var(--cp-color140) !important;
}

page-transfer .transfer-amount input.text-input.text-input-ios::placeholder {
  color: var(--cp-color140) !important;
}

page-transfer .transfer-amount .transfer-all {
  color: #685a92;
  font-size: 1.6rem;
}

page-transfer .tip {
  color: #dc9a4d;
  font-size: 1.3rem;
  background: var(--cp-color139);
  padding-left: 3rem;
  padding-bottom: 1.5rem;
  border-bottom: 1px solid #312b3c;
}

page-transfer h3 {
  font-size: 1.4rem;
  font-weight: 500;
  margin-left: 2rem;
  margin-top: 2rem;
}

page-transfer .submit button {
  border-radius: 0.6rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to left, #c16832, #e6ac57);
}

page-transfer .submit button span.button-inner {
  font-weight: bold;
}

page-transfer .enter-amount {
  color: red;
}

page-transfer .help {
  padding-top: 3rem;
  text-align: center;
  margin-bottom: 3rem;
  color: var(--cp-color140);
}

page-transfer .help .kefu {
  text-decoration: none;
  margin-left: 0.4rem;
  color: #02a3ff;
}

page-transfer .footer-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-transfer .footer-bg .close-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
}

page-transfer .footer-bg .fixed-alert {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #fff;
  height: 37rem;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
  background: #e8e8e8;
}

page-transfer .footer-bg .fixed-alert .alert-header {
  background: var(--cp-color156);
  border-bottom: 1px solid #3c364b;
  position: relative;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 6rem;
  line-height: 4rem;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
}

page-transfer .footer-bg .fixed-alert .alert-header .choose-wal {
  font-size: 1.6rem;
  color: white;
}

page-transfer .footer-bg .fixed-alert .alert-header .cancle {
  position: absolute;
  left: 2rem;
  top: 1rem;
  color: #ddaa51;
}

page-transfer .footer-bg .fixed-alert .alert-con {
  background: var(--cp-color156);
  height: 30rem;
  overflow-y: scroll;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

page-transfer .footer-bg .fixed-alert .alert-con .third-wallet-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #3c364b;
  padding: 1rem;
}

page-transfer .footer-bg .fixed-alert .alert-con .third-wallet-list .alert-bank-name .card {
  margin-right: 1rem;
  vertical-align: initial;
  color: #222;
}

page-transfer .footer-bg .fixed-alert .alert-con .third-wallet-list .choose {
  color: red;
  font-size: 2.2rem;
}

page-transfer .transfer-input {
  font-size: 1.6rem;
}

page-transfer-tutorial .scroll-content {
  background: #1d1c22;
}

page-transfer-tutorial .scroll-content .title {
  background: var(--cp-color275);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #332e40;
  color: white;
  font-weight: 500;
}

page-transfer-tutorial .scroll-content .title ion-icon {
  color: #7c70a2;
}

page-transfer-tutorial .scroll-content .content {
  background: #1d1c23;
}

page-transfer-tutorial .scroll-content .content p {
  line-height: 2.4rem;
  text-indent: 1.6rem;
}

page-wealth-management-center .ttjk-page {
  padding: 18px 0 40px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap {
  width: 94%;
  margin: 0 auto;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar,
page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section {
  margin-bottom: 20px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar {
  position: relative;
  height: 0;
  padding-top: 58.12672176%;
  background: url("../assets/images/wealth-management-center/top.png") no-repeat center/100% 100%;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content {
  position: absolute;
  inset: 24.5% 20px 18px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid {
  display: grid;
  grid-template-columns: repeat(1.6fr 1fr);
  gap: 10px 14px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat {
  height: auto;
  color: #ffeeca;
  text-align: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat p {
  margin-bottom: 4px;
  font-size: 16px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 42px;
  width: 100%;
  margin-top: 2px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-stat-box-bg {
  display: block;
  width: 100%;
  height: 100%;
  border-radius: 8px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .ttjk-rate-box__digits {
  position: absolute;
  left: 11%;
  top: 50%;
  width: 64%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .ttjk-rate-box__digits .digit {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 31%;
  height: 26px;
  border-radius: 6px;
  position: relative;
  color: transparent;
  font-size: 20px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .ttjk-rate-box__digits .digit::before,
page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .ttjk-rate-box__digits .digit::after {
  content: attr(data-digit);
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font: inherit;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .ttjk-rate-box__digits .digit::before {
  color: transparent;
  -webkit-text-stroke: 2px #fff606;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .ttjk-rate-box__digits .digit::after {
  background: -webkit-gradient(linear, left top, left bottom, from(#ff4949), to(#bf1c53));
  background: linear-gradient(180deg, #ff4949 0%, #bf1c53 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-rate-box .ttjk-rate-box__track .unit {
  position: absolute;
  right: 13%;
  top: 50%;
  color: #fff001;
  font-size: 14px;
  font-weight: bold;
  font-style: normal;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-height: 44px;
  padding: 0;
  background: transparent;
  border-radius: 10px;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box span {
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box .ttjk-stat-box-bg {
  display: block;
  width: auto;
  height: 100%;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box span,
page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box em {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 1px;
  position: relative;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #87451b;
  font-size: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box em {
  width: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box .ttjk-stat-box-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  margin-top: 6px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl {
  --item-height: 32px;
  --item-margin: 1%;
  height: 44px;
  width: 100%;
  margin-top: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .ttjk-stat-box-bg {
  height: 100%;
  width: 100%;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .ttjk-stat-box-overlay {
  padding: 0 4%;
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 11.3%;
  height: var(--item-height);
  line-height: 0;
  overflow: hidden;
  margin: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-card:not(:last-child) {
  margin-right: var(--item-margin);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-card:not(:first-child) {
  margin-left: var(--item-margin);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-card:nth-child(3), page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-card:nth-child(6) {
  margin-left: 3.4%;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: auto;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition: -webkit-transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
  transition: transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1), -webkit-transform 1.2s cubic-bezier(0.2, 0.8, 0.2, 1);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--nhl .rolling-list b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  height: var(--item-height);
  color: #7a4925;
  font-size: 17px;
  font-weight: bold;
  font-style: normal;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--light {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  width: auto;
  padding: 0;
  background: transparent;
  border-radius: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--light .ttjk-stat-box-overlay {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: auto;
  height: auto;
  margin-top: 0;
  padding: 0;
  position: static;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--light span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 28px;
  margin: 0 1px 0 0;
  background: url("../assets/images/wealth-management-center/lixi_2.png") no-repeat center/100% 100%;
  color: #fdd39a;
  font-size: 20px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--light em {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 6px;
  color: #c34c22;
  font-size: 16px;
  font-style: normal;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--light em::before {
  content: '.';
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat .ttjk-stat-box.ttjk-stat-box--light .decimal-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 20px;
  height: 28px;
  margin-right: 0;
  font-size: 11px;
  letter-spacing: 1px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat:nth-child(3) {
  grid-column: 1 / 3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 50px;
  padding: 0 12px;
  background: #fdd39a;
  border-radius: 6px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat:nth-child(3) p {
  margin-bottom: 0;
  color: #a14f15;
  margin-right: 6px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-content .ttjk-topbar-grid .ttjk-stat:nth-child(3) .ttjk-stat-box--light {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-help {
  position: absolute;
  right: 12px;
  top: 27px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 20px;
  padding: 0 6px;
  border: 0;
  outline: none;
  border-radius: 15px;
  background: #9a511a;
  color: #ffd0a1;
  font-size: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-topbar .ttjk-topbar-help img {
  width: 12px;
  margin-right: 2px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section {
  background: -webkit-gradient(linear, left top, right top, from(#ff6b49), to(#fb9147));
  background: linear-gradient(90deg, #ff6b49, #fb9147);
  border-radius: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-section-title {
  height: 36px;
  padding: 0 15px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 36px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-section-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-section-header .ttjk-record-btn {
  margin-right: 10px;
  padding: 0 12px;
  height: 26px;
  border: 0;
  background: -webkit-gradient(linear, left top, left bottom, from(#eb7832), to(#cc5d18));
  background: linear-gradient(180deg, #eb7832, #cc5d18);
  color: #fff;
  border-radius: 13px;
  font-size: 12px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel {
  padding: 10px 10px 20px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 15px;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#fff7d3), to(#fddd95));
  background: linear-gradient(180deg, #fff7d3, #fddd95);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary {
  width: 100%;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item .ttjk-interest-icon {
  width: 20px;
  height: 20px;
  -o-object-fit: contain;
  object-fit: contain;
  margin-right: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item span {
  color: #0b0b0b;
  font-size: 12px;
  font-weight: bold;
  margin-right: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item strong {
  color: #0b0b0b;
  font-size: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item strong b {
  margin-right: 2px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item.ttjk-interest-item--reward {
  margin-top: 8px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item.ttjk-interest-item--reward strong {
  color: #fa3535;
  font-size: 20px;
  line-height: 20px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-interest-summary .ttjk-interest-item.ttjk-interest-item--reward strong b {
  font-size: 14px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-claim-btn {
  position: relative;
  width: 120px;
  height: 44px;
  margin-bottom: 0;
  padding: 0;
  border: 0;
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-claim-btn img {
  display: block;
  width: 100%;
  height: 100%;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-claim-btn span {
  position: absolute;
  inset: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  text-shadow: 0 1px 3px rgba(163, 57, 5, 0.35);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-claim-btn.disabled {
  opacity: 1;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #0b0b0b;
  font-size: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown img {
  width: 14px;
  margin-right: 2px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-display {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-left: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-unit {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 31px;
  height: 31px;
  overflow: hidden;
  border-radius: 4px;
  background: #583d30;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-card {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 31px;
  height: 31px;
  overflow: hidden;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digits {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 31px;
  height: 31px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-slot {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 31px;
  overflow: hidden;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-slot:first-child {
  width: 15px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-slot:first-child .ttjk-countdown-digit-list b {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-slot:last-child {
  width: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-slot:last-child .ttjk-countdown-digit-list b {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: -webkit-transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: -webkit-transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
  transition: transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1), -webkit-transform 0.42s cubic-bezier(0.22, 0.61, 0.36, 1);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-digit-list b {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 31px;
  -ms-flex: 0 0 31px;
  flex: 0 0 31px;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 31px;
  color: #fefefe;
  font-size: 16px;
  font-style: normal;
  font-weight: bold;
  padding: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-countdown .ttjk-countdown-separator {
  margin: 0 2px;
  color: #583d30;
  font-size: 18px;
  font-style: normal;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-interest-main .ttjk-action-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 14px;
  margin-bottom: 8px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card {
  padding: 12px;
  border-radius: 8px;
  background: #fffbe8;
  margin-top: 10px;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-requirement-title {
  margin-bottom: 10px;
  color: #ff6638;
  font-size: 12px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul {
  margin: 0 0 14px;
  padding: 0;
  list-style: none;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin-bottom: 6px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul li .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-right: 4px;
  color: #000;
  font-size: 11px;
  line-height: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul li .label > span {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-right: 6px;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background-color: #f78e54;
  border-radius: 50%;
  color: #fff;
  text-align: center;
  line-height: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul li strong {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  height: 20px;
  padding: 0 4px;
  border-radius: 4px;
  background-color: #acabab;
  font-size: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul li strong img {
  width: 12px;
  margin-right: 1px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card ul li .ok {
  background-color: #1ac950;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress {
  padding: 12px 18px;
  border: 1px solid #ffcfad;
  border-radius: 6px;
  background: #fff;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-line {
  position: relative;
  width: 242px;
  height: 10px;
  margin: 6px 0 8px;
  overflow: hidden;
  border-radius: 5px;
  background: #e5e5e5;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-line .track {
  position: absolute;
  left: 6px;
  right: 6px;
  top: 0;
  height: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-line .fg {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 10px;
  border-radius: 5px;
  background: #1fb0f5;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-line .dot {
  position: absolute;
  left: 0;
  top: 50%;
  width: 12px;
  height: 12px;
  border: 2px solid #fff;
  border-radius: 50%;
  background: #1fb0f5;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-line .dot.hidden {
  display: none;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-text {
  margin-bottom: 6px;
  color: #000;
  font-size: 11px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-text strong {
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-text strong.red {
  color: #f32929;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-tip {
  color: #000;
  font-size: 11px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-interest-layout .ttjk-interest-card .ttjk-requirement-card .ttjk-progress-tip strong {
  color: #f32929;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel {
  border-radius: 8px;
  background-color: #fff;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
  padding-top: 4px;
  padding-bottom: 10px;
  color: #000;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card {
  position: relative;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 8px 10px 8px 30px;
  border: 1px solid #e7e7e7;
  border-radius: 4px;
  min-width: 118px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card::before {
  content: '';
  position: absolute;
  left: 10px;
  top: 50%;
  width: 18px;
  height: 18px;
  background: url("../assets/images/wealth-management-center/punch-check.png") no-repeat center/100% 100%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card .ttjk-punch-card__label {
  margin-left: 4px;
  color: #898989;
  font-size: 11px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card strong {
  color: #000;
  font-weight: bold;
  margin-left: 6px;
  font-size: 12px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card em {
  position: absolute;
  right: -8px;
  top: -10px;
  padding: 0 8px;
  height: 20px;
  border-radius: 4px;
  background: #ff9600;
  color: #fff;
  line-height: 20px;
  font-style: normal;
  font-size: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card em.excellent {
  background: #ff6767;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-punch-card em.outstanding {
  background: #b660ff;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-toolbar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-toolbar .ttjk-calendar-current {
  min-width: 74px;
  margin-right: 16px;
  color: #50342a;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-toolbar .ttjk-calendar-arrow {
  width: auto;
  height: auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: #5f5f5f;
  font-size: 12px;
  line-height: 1;
  -webkit-transform: scaleY(2);
  transform: scaleY(2);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-toolbar .ttjk-calendar-arrow + .ttjk-calendar-arrow {
  margin-left: 28px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-toolbar .ttjk-calendar-arrow.disabled {
  background: transparent;
  color: #dbdbdb;
  cursor: not-allowed;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__right {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__right > div {
  padding: 0;
  height: auto;
  border-radius: 0;
  background: transparent;
  color: #000;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__right > div p {
  margin: 0;
  font-size: 12px;
  line-height: 16px;
  color: #000;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__right > div strong {
  display: inline-block;
  margin-top: 10px;
  color: #ff0d0d;
  font-size: 16px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__right .ttjk-help-icon-box {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-overview .ttjk-calendar-overview__right .ttjk-help-icon {
  width: 18px;
  height: 18px;
  margin-left: 4px;
  -o-object-fit: contain;
  object-fit: contain;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 12px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card {
  position: relative;
  padding: 21px 12px 17px 14px;
  background: -webkit-gradient(linear, left bottom, left top, from(#d5354f), to(#fc9447));
  background: linear-gradient(0deg, #d5354f, #fc9447);
  border-radius: 30px;
  position: relative;
  min-height: 82vw;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card > span {
  position: absolute;
  top: 5px;
  width: 30px;
  height: 30px;
  background: url("../assets/images/wealth-management-center/circle.png") no-repeat center/100% 100%;
  right: 18%;
  z-index: 1;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card > span:first-child {
  left: 19%;
  right: auto;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-card-bg {
  background: -webkit-gradient(linear, left bottom, left top, from(#feeee1), to(#fffbf8));
  background: linear-gradient(0deg, #feeee1, #fffbf8);
  border-radius: 30px;
  padding: 16px;
  -webkit-box-shadow: inset 0 0 0 1px white, inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 6px rgba(0, 0, 0, 0.12);
  box-shadow: inset 0 0 0 1px white, inset 0 1px 0 rgba(255, 255, 255, 0.65), 0 2px 6px rgba(0, 0, 0, 0.12);
  position: absolute;
  left: 14px;
  right: 12px;
  top: 21px;
  bottom: 17px;
  height: auto;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-week,
page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-grid {
  display: grid;
  grid-template-columns: repeat(7, 1fr);
  gap: 6px 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-week {
  margin-bottom: 10px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-week span {
  text-align: center;
  color: #725646;
  font-size: 14px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day {
  position: relative;
  min-height: 0;
  aspect-ratio: 1 / 1;
  color: #e65e4c;
  text-align: center;
  font-size: 14px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day i {
  padding-top: 0;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.placeholder {
  min-height: 0;
  aspect-ratio: 1 / 1;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.rewarded + .ttjk-calendar-day.rewarded {
  position: relative;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.rewarded + .ttjk-calendar-day.rewarded::after {
  content: '';
  position: absolute;
  background: #ffe2b2;
  height: 100%;
  width: 100%;
  left: -50%;
  z-index: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day:nth-child(7n + 1)::after {
  content: none !important;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.rewarded i {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #ffe2b2;
  color: #e65e4c;
  font-style: normal;
  font-size: 0.8em;
  position: relative;
  z-index: 1;
  padding-top: 0.4em;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.rewarded.milestone i {
  background: -webkit-gradient(linear, left top, left bottom, from(#fa7373), to(#ec4a4a));
  background: linear-gradient(180deg, #fa7373, #ec4a4a);
  color: #fff;
  border: 3px solid #fff;
  border-radius: 6px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.rewarded.milestone small {
  color: #ebf708;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.rewarded small {
  position: absolute;
  left: 50%;
  top: 18%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  color: #df8b3f;
  font-size: 0.6em;
  white-space: nowrap;
  line-height: 1;
  z-index: 2;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: none;
  color: #b3b3b3;
  font-size: 0.8em;
  font-weight: bold;
  padding-top: 0.4em;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.unclaimed:not(.rewarded) span {
  background: url("../assets/images/wealth-management-center/freeze.png") no-repeat center/auto 100%;
  color: #fff;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-calendar-card .ttjk-calendar-day.today:not(.rewarded) span {
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #524a44;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress {
  padding: 4px 0 2px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__bar {
  display: grid;
  grid-template-columns: 40px 4fr 40px 8fr 40px 5fr 40px;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  height: 40px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__segment {
  position: relative;
  top: 11px;
  height: 24px;
  overflow: hidden;
  background: -webkit-gradient(linear, left top, left bottom, from(#ececec), to(#dcdcdc));
  background: linear-gradient(180deg, #ececec, #dcdcdc);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__segment.ttjk-streak-progress__segment--1 {
  grid-column: 2;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__segment.ttjk-streak-progress__segment--2 {
  grid-column: 4;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__segment.ttjk-streak-progress__segment--3 {
  grid-column: 6;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__segment-fill {
  height: 100%;
  background: -webkit-gradient(linear, left top, left bottom, from(#ff9600), color-stop(20%, #ff9600), color-stop(20%, #ffa835), color-stop(50%, #ffa835), color-stop(50%, #ff9600), to(#ff9600));
  background: linear-gradient(180deg, #ff9600 0%, #ff9600 20%, #ffa835 20%, #ffa835 50%, #ff9600 50%, #ff9600 100%);
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node {
  position: relative;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  top: -24px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node span {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background: url("../assets/images/wealth-management-center/streak-active.png") no-repeat center/100% 100%;
  color: #afafaf;
  font-weight: bold;
  padding-top: 12px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node.ttjk-streak-progress__node--1 {
  grid-column: 1;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node.ttjk-streak-progress__node--2 {
  grid-column: 3;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node.ttjk-streak-progress__node--3 {
  grid-column: 5;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node.ttjk-streak-progress__node--4 {
  grid-column: 7;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-streak-progress .ttjk-streak-progress__node.active span {
  background-image: url("../assets/images/wealth-management-center/streak-inactive.png");
  color: #f44646;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-box {
  width: 280px;
  margin: 0 auto;
  height: 30px;
  padding: 0 14px;
  border-radius: 6px;
  background: #fff2e7;
  color: #000;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-box p {
  margin: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-box p span {
  margin-left: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-box strong {
  margin-left: 8px;
  color: #ff0d0d;
  font-size: 16px;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 18px;
  color: #000;
  font-weight: bold;
  margin-bottom: 8px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-item img {
  height: 20px;
  margin-right: 4px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-item div {
  font-size: 14px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules {
  padding-top: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-item {
  margin-top: 0;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__base {
  margin: 18px 0 16px 28px;
  color: #000;
  font-size: 14px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__base strong {
  color: #000;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__list {
  padding-left: 16px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 8px;
  color: #000;
  font-size: 12px;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__item i {
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
  background: #dbdbdb;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__item strong {
  color: #f44646;
  font-weight: bold;
}

page-wealth-management-center .ttjk-page .ttjk-wrap .ttjk-section .ttjk-calendar-panel .ttjk-calendar-layout .ttjk-side-summary .ttjk-side-rules .ttjk-side-rules__tip {
  margin-top: 8px;
  color: #fe7349;
  font-size: 12px;
  line-height: 1.2;
  padding-left: 16px;
}

.ttjk-rule-alert .alert-message {
  white-space: pre-wrap;
}

page-withdraw .scroll-content {
  background: var(--cp-color12);
}

page-withdraw ion-input {
  margin: 0px;
}

page-withdraw .text-tips {
  color: #8f8f8f;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  margin: 0.8rem 0 1.6rem 0rem;
}

page-withdraw .text-tips .text-danger {
  color: #e49f68 !important;
}

page-withdraw .segment-room {
  width: 90%;
  color: #fff;
  border-radius: 5px;
  margin: 1rem auto 0.4rem auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3rem;
  border: none;
}

page-withdraw .segment-room ion-segment {
  border-radius: 6px;
  background: #424657;
  width: 95%;
  margin: 0 auto;
  font-weight: bold;
}

page-withdraw .segment-room ion-segment .segment-button {
  color: #fff;
}

page-withdraw .segment-room .segment-ios .segment-button.segment-activated {
  font-weight: bold;
  height: auto;
  background: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732)) !important;
  background: linear-gradient(to right, #e6ad56, #c16732) !important;
  border-radius: 6px;
  color: #fff;
  border: none;
}

page-withdraw .add-bank {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background: linear-gradient(to right, #e6ad56, #c16732);
  margin: 0 1rem 2rem;
  height: auto;
  padding: 0.6rem 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: #fff;
}

page-withdraw .add-bank span {
  margin-left: 0.4rem;
}

page-withdraw .add-bank ion-icon.icon.icon-ios.ion-md-add {
  font-weight: bold;
  font-size: 2.4rem;
  color: #fff;
}

page-withdraw .usdt-tips {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  text-align: center;
  width: 100%;
  margin: 1.5rem auto 3rem auto;
}

page-withdraw .section-list .section-item {
  margin-bottom: 1.6rem;
}

page-withdraw .section-list .section-item-icon {
  max-width: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-right: 0.6rem;
}

page-withdraw .section-list .section-item-icon.img-wrap {
  padding: 2px;
  background-color: #fff;
  border-radius: 50%;
}

page-withdraw .section-list .section-item-icon img {
  width: 2rem;
  height: 2rem;
  max-width: 2rem;
  max-height: 2rem;
  -o-object-fit: contain;
  object-fit: contain;
}

page-withdraw .section-list .section-item-title {
  padding: 1rem 1.6rem;
  font-weight: 600;
}

page-withdraw .section-list .section-item-main {
  padding: 0rem 1rem 0.8rem 1rem;
  margin: 0 1rem;
  border-bottom: 1px solid var(--cp-color130);
}

page-withdraw .section-list .section-item-body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-withdraw .section-list .section-item-body .googleKey-item {
  background: transparent;
  color: #fff;
}

page-withdraw .section-list .section-item-body .googleKey-item .item-inner {
  border-bottom: 0;
}

page-withdraw .section-list .section-item .text-input-ios,
page-withdraw .section-list .section-item .button-ios {
  margin: 0rem;
  margin: 0rem;
}

page-withdraw .section-list .section-item .max-money {
  color: var(--cp-color129);
}

page-withdraw .section-list .section-item .button-ios {
  height: auto;
}

page-withdraw .section-list .section-item .btn .triangle,
page-withdraw .section-list .section-item .btn .fa-solid.fa-check {
  position: absolute;
}

page-withdraw .section-list .section-item .btn .triangle {
  display: none;
  bottom: 0px;
  right: 0px;
  color: #ffffff;
  border-color: transparent #efb667 #efb667 transparent;
  border-style: solid;
  border-width: 16px;
}

page-withdraw .section-list .section-item .btn.selected .triangle {
  display: block;
}

page-withdraw .section-list .section-item .btn.selected .fa-solid.fa-check {
  right: -14px;
  bottom: -14px;
}

page-withdraw .section-list .section-item .btn-method {
  margin-right: -1rem;
}

page-withdraw .mr-1 {
  margin-right: -1.6rem !important;
}

page-withdraw .third-game {
  padding: 0 1rem;
}

page-withdraw .third-game p.title {
  font-size: 1.4rem;
  font-weight: bold;
  color: #fff;
  display: block;
  padding: 1rem;
}

page-withdraw .third-game ion-col {
  text-align: center;
  border-bottom: 1px solid #31323c !important;
}

page-withdraw .third-game ion-col:active {
  background: rgba(0, 0, 0, 0.2);
}

page-withdraw .third-game .row {
  border-top: 1px solid #31323c !important;
}

page-withdraw .third-game [col-3],
page-withdraw .third-game .col {
  padding: 2rem 0;
  font-size: 1.2rem;
}

page-withdraw .third-game .info-circle {
  position: absolute;
  font-size: 1.8rem;
  z-index: 2;
  top: 0.4rem;
  right: 0.4rem;
  width: 2.2rem;
  height: 2.2rem;
}

page-withdraw .third-game .info-circle ion-icon {
  color: #4e96e0;
  -webkit-transform: rotate(20deg);
  transform: rotate(20deg);
}

page-withdraw .third-game .info-circle .info-tips {
  display: none;
  position: absolute;
  width: 110px;
  color: #fff;
  background: #c4978a;
  font-size: 1.2rem;
  padding: 0.3rem;
  border-radius: 4px;
}

page-withdraw .third-game .info-circle .triangle {
  display: none;
  position: absolute;
  right: 5px;
  top: -9px;
  border-top: 6px solid #c4978a;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
}

page-withdraw .third-game .left-list {
  border-left: 1px solid #31323c !important;
}

page-withdraw .third-game .third-wallet {
  color: var(--cp-color264);
  margin-top: 1rem;
}

page-withdraw .third-game .openList {
  border-left: 1px solid #31323c !important;
}

page-withdraw .third-game img {
  width: 30%;
  margin-top: 0.6rem;
  height: 20px;
}

page-withdraw .third-game .public-wallet {
  color: #f3a147;
}

page-withdraw .popoper-wallet {
  position: fixed;
  top: 0rem;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 10000;
}

page-withdraw .actual-amount {
  margin-bottom: 1rem;
  padding: 0 2rem;
}

page-withdraw .wallet-dialog {
  position: absolute;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  border-radius: 1.8rem 1.8rem 0 0;
  background-color: #1d1c22;
}

page-withdraw .wallet-dialog-header, page-withdraw .wallet-dialog-body {
  background-color: var(--cp-color156);
}

page-withdraw .wallet-dialog-header {
  position: relative;
  padding: 1.6rem;
  border-radius: 1.8rem 1.8rem 0 0;
}

page-withdraw .wallet-dialog-header .btn-dialog-close {
  position: absolute;
  left: 0rem;
  color: #ddaa51;
}

page-withdraw .wallet-dialog-body {
  height: 26rem;
  overflow: auto;
}

page-withdraw .wallet-dialog .wallet-list-item {
  padding: 1.8rem 1.6rem;
  border-bottom: 1px solid #397fc7;
  background: #397fc7;
  margin-bottom: 1rem;
  width: 95%;
  margin-left: 2.5%;
  border-radius: 5px;
}

page-withdraw .wallet-dialog .wallet-list .wallet-icon {
  width: 4.4rem;
  height: 4.4rem;
  padding: 0.6rem;
  border-radius: 50%;
  background-color: #fff;
}

page-withdraw .wallet-dialog .wallet-list .wallet-icon img {
  width: 3.2rem;
  height: 3.2rem;
  max-width: 3.2rem;
  max-height: 3.2rem;
  -o-object-fit: contain;
  object-fit: contain;
}

page-withdraw .wallet-dialog .wallet-list .active {
  border-bottom: 1px solid #357551;
  background: #357551;
}

page-withdraw .wallet-dialog .wallet-list .wallet-info {
  padding-left: 1rem;
  font-weight: bold;
}

page-withdraw .wallet-dialog .wallet-list .fa-check::before {
  font-size: 3rem;
}

page-withdraw .text-input-ios::-webkit-input-placeholder {
  color: var(--cp-color128);
}

page-withdraw .text-input-ios::-moz-placeholder {
  color: var(--cp-color128);
}

page-withdraw .text-input-ios::-ms-input-placeholder {
  color: var(--cp-color128);
}

page-withdraw .text-input-ios::placeholder {
  color: var(--cp-color128);
}

page-withdraw .text-input-ios {
  font-size: 1.6rem;
}

page-withdraw-record .record-container {
  height: 100%;
  background: var(--cp-color34);
}

page-withdraw-record .nouser {
  height: calc(100% - 8.4rem);
}

page-withdraw-record .search-bar {
  background: var(--cp-color142);
  padding: 0;
}

page-withdraw-record .search-bar .button {
  background: transparent;
}

page-withdraw-record .search-bar .button span {
  font-size: 1.6rem;
}

page-withdraw-record .search-bar .button ion-icon {
  font-size: 3rem;
}

page-withdraw-record .oprate-btn {
  padding: 2rem;
}

page-withdraw-record .oprate-btn button {
  width: 6.6rem;
  height: 3.2rem;
  border: 1px solid #6d6688;
  background: transparent;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}

page-withdraw-record .label .data {
  text-align: right;
}

page-withdraw-record .filter.row {
  background: var(--cp-color156);
  border-bottom: 1px solid #322e3f;
}

page-withdraw-record .filter {
  margin-bottom: 0;
}

page-withdraw-record .t-h {
  height: 3.8rem;
  background: var(--cp-color151);
}

page-withdraw-record .t-h div {
  padding: 0 4rem;
  color: #fff;
  font-size: 1.4rem;
}

page-withdraw-record .page-container .row-box {
  padding: 0 1rem;
}

page-withdraw-record .page-container .row-box .item {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--cp-color150);
}

page-withdraw-record .page-container .row-box .item .text {
  color: var(--cp-color148);
  font-size: 1.3rem;
}

page-withdraw-record .page-container .row-box .item .sub {
  color: var(--cp-color149);
  font-size: 1.2rem;
}

page-withdraw-record .page-container .row-box .item .sub.text-success {
  color: #4bdc38 !important;
}

page-withdraw-record .page-container .row-box .item .sub.text-danger {
  color: #fe3d5d !important;
}

page-withdraw-record .page-container .row-box .item .sub.normal {
  color: #1fb8ff;
}

page-withdraw-record .page-container .row-box .item .sub.wait {
  color: #feb83d;
}

page-withdraw-recordmain ion-row {
  margin-bottom: 1.2rem;
}

page-withdraw-recordmain ion-row ion-col {
  font-size: 1.4rem;
}

page-withdraw-recordmain ion-row .fontcol-tit {
  color: var(--cp-color268);
  font-size: 1.6rem;
  font-weight: 500;
}

page-withdraw-recordmain ion-row [col-9] {
  border: none;
  color: var(--cp-color269);
  font-size: 1.5rem;
  font-weight: 500;
}

page-yuebao .my-card {
  background: #da9a5e;
  width: 95%;
  margin: 1rem 2.5% 0.5rem 2.5%;
  padding: 0rem 0.5rem 1rem 0.5rem;
  color: #ffffff;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 11px 3px rgba(0, 0, 0, 0.15);
  text-align: center;
}

page-yuebao .my-card ion-card-header.card-header.card-header-ios {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #ffffff;
}

page-yuebao .my-card strong {
  color: #ffffff;
  font-weight: bold;
  font-size: 2.2rem;
  opacity: 1;
  padding: 0 0.3rem;
}

page-yuebao .my-card .reward-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

page-yuebao .my-card .reward-list .card-ios p {
  margin: 0 0 2px;
  font-size: 1.4rem;
  color: #ffffff;
  font-weight: bold;
  opacity: 0.8;
}

page-yuebao .my-card .reward-list .item {
  font-size: 1.4rem;
  font-weight: bold;
}

page-yuebao .my-card .reward-list .item p {
  color: white !important;
  opacity: 0.8;
}

page-yuebao .my-card .reward-list strong {
  padding: 0;
  font-size: 1.9rem;
}

page-yuebao .my-card .reward-list .card-content-ios {
  padding: 13px 16px 2px 14px;
}

page-yuebao .my-card .allRewardMoney {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  margin-bottom: 1.5rem;
}

page-yuebao .my-card .allRewardMoney div {
  background: #bf8149;
  width: auto;
  border-radius: 22px;
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.5rem 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-yuebao .my-card .allRewardMoney div strong {
  color: #f5ff00;
  font-size: 2.8rem;
}

page-yuebao .my-card .card-content-ios {
  padding: 0px 16px 0px 16px !important;
}

page-yuebao .tips {
  width: 100%;
  display: inline-block;
  color: #666;
  font-size: 1.5rem;
  font-weight: bold;
  text-align: right;
  opacity: 0.5;
  padding-right: 1.1rem;
}

page-yuebao .look-btn {
  margin: 2rem auto;
  padding: 0.3rem 5rem;
  background: #da9a5e;
  font-weight: 500;
  color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
  margin: 3rem auto 4rem auto;
  height: 4rem;
  opacity: 0.9;
}

page-yuebao .rusult {
  width: 100%;
  display: inline-block;
  padding: 0 0.8rem;
}

page-yuebao .rusult .rules-title {
  color: #ffffff;
  font-size: 1.5rem;
  margin-bottom: 0.5rem;
  text-align: left;
  width: 100%;
  display: block;
  font-weight: bold;
}

page-yuebao .rusult .rules-content {
  margin-bottom: 0.1rem;
}

page-yuebao .rusult .rules-content p {
  width: 100%;
  color: #131313;
  font-size: 1.3rem;
  line-height: 1.8rem;
  text-align: left;
}

page-yuebao .footer {
  background-image: url(../assets/images/yueb.png);
  background-size: 100% 100%;
  color: #ffffff;
  font-weight: bold;
}

page-yuebao .footer p {
  font-size: 1.3rem;
  padding: 2.8rem 2rem 1.5rem 2rem;
  font-weight: 500;
}

page-yuebao-report ion-list.list.list-ios {
  margin: 0;
}

page-yuebao-report .item-ios {
  background: #f8f8f8;
}

page-yuebao-report h1 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 2rem 0;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

page-yuebao-report h1 p {
  font-size: 1.4rem;
  margin-right: 2rem;
  color: #333;
}

page-yuebao-report strong {
  color: red;
  font-size: 1.8rem;
  margin-right: 0.3rem;
}

page-yuebao-report .time-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  background: white;
}

page-yuebao-report .time-box p {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: 3rem;
}

page-yuebao-report .time-box .item-cover {
  width: 0 !important;
  height: 0 !important;
}

page-yuebao-report ion-datetime {
  padding: 11px 8px 11px 16px;
  background: #e8e8e8;
  border-radius: 5px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: black;
  margin-left: 0.4rem;
}

page-yuebao-report .item-ios.item-block .item-inner {
  padding: 0 1.5rem;
}

page-yuebao-report .button-ios-light {
  color: #5d5d5d;
  background-color: #e8e8e8;
}

page-yuebao-report .left .title {
  color: #333;
  font-size: 1.5rem;
}

page-yuebao-report button.btn {
  height: 2.5em;
}

page-yuebao-report ion-select.select.select-ios {
  background: #e8e8e8;
  margin-left: 1rem;
  border-radius: 5px;
  padding-right: 10px;
}

page-join-us ion-content .join-us-img {
  width: 70%;
  display: block;
  margin: 0 auto;
}

page-join-us ion-content .bg {
  width: 90%;
}

page-join-us ion-content .title {
  margin-top: 3rem;
}

page-join-us ion-content .subtitle {
  text-align: center;
}

page-join-us ion-content .join_box {
  padding: 0 1rem;
}

page-join-us ion-content .join_box .down {
  padding: 1.6rem 0;
  background: #fff;
  border-radius: 6px;
  margin-bottom: 1rem;
}

page-join-us ion-content .join_box .down .info {
  overflow: hidden;
  width: 75%;
  text-overflow: ellipsis;
  white-space: nowrap;
  height: 5rem;
}

page-join-us ion-content .join_box .down .info .join_icon {
  float: left;
  width: 8rem;
  height: 100%;
}

page-join-us ion-content .join_box .down .info .join_icon img {
  width: 4rem;
  height: 4rem;
}

page-join-us ion-content .join_box .down .info .info_text {
  height: 100%;
  float: left;
  border-left: 1px solid #ddd;
  width: calc(100% - 8rem);
}

page-join-us ion-content .join_box .down .info .info_text .marks {
  padding: .4rem 0;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  width: 100%;
  display: inline-block;
  margin-left: 1rem;
}

page-join-us ion-content .join_box .down .info .info_text .marks p,
page-join-us ion-content .join_box .down .info .info_text .marks span {
  overflow: hidden;
  width: 100%;
  text-overflow: ellipsis;
  white-space: nowrap;
}

page-join-us ion-content .join_box .down .info .info_text .marks p {
  font-size: 1.3rem;
  color: #333;
}

page-join-us ion-content .join_box .down .info .info_text .marks span {
  font-size: 1.2rem;
  color: #333;
}

page-join-us ion-content .join_box .down button {
  color: #dbac75;
  border: 1px solid #dbac75;
  background: transparent;
  font-size: 1.6rem;
  padding: 0 2rem;
  margin-right: .6rem;
  height: 3.6rem;
  font-weight: bold;
}

page-join-us ion-content .join_box .click {
  margin: 2rem 0 4rem 0;
  width: 100%;
  height: 5rem;
  font-size: 1.6rem;
  color: #fff;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, right top, from(#efd6af), to(#d8a871));
  background: linear-gradient(to right, #efd6af, #d8a871);
}

page-out-box .header .segment {
  width: 95%;
  margin: 0 auto;
}

page-out-box .header .segment .segment-button {
  height: 2.2rem;
  line-height: 2.2rem;
  width: 100%;
}

page-out-box .header .segment-md .segment-activated {
  color: #ffffff;
}

page-out-box .header .messageSement .toolbar-background {
  background: transparent !important;
}

page-out-box .header ion-buttons {
  margin-right: 0.5rem;
}

page-out-box .header ion-buttons button {
  color: #f9f9f9;
}

page-out-box .content {
  background: #1d1c22;
}

page-out-box .content.oper-content .scroll-content {
  margin-bottom: 44px;
}

page-out-box .content ion-list:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}

page-out-box .content .list-ios {
  margin: 0 0 1.2rem 0;
}

page-out-box .content .scroll-content {
  border-top: none;
}

page-out-box .content .msg-item:last-of-type .item .con {
  border-bottom: 0 !important;
}

page-out-box .content .msg-item .item {
  padding-left: 2rem;
  background: #fff;
  border: none;
  position: relative;
}

page-out-box .content .msg-item .item:active {
  background: #eee;
}

page-out-box .content .msg-item .item .is-read {
  position: absolute;
  left: .8rem;
  top: 1.5rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
  background: #7155de;
  border-radius: 50%;
}

page-out-box .content .msg-item .item .select-checkbox {
  position: absolute;
  left: .4rem;
  top: 1.5rem;
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

page-out-box .content .msg-item .item .select-checkbox .checkbox-ios .checkbox-icon {
  width: 14px;
  height: 14px;
}

page-out-box .content .msg-item .item .select-checkbox .checkbox-ios .checkbox-checked .checkbox-inner {
  left: 5px;
  top: 1px;
}

page-out-box .content .msg-item .item .item-inner {
  padding: 0;
}

page-out-box .content .msg-item .item .label {
  padding-left: 1.5rem;
  margin: 0;
  white-space: normal;
}

page-out-box .content .msg-item .item .con {
  background: #ffffff !important;
  border-bottom: 1px solid #e5e5e5 !important;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-out-box .content .msg-item .item .con .item-block .item-inner {
  border-bottom: none !important;
}

page-out-box .content .msg-item .item .con .item-block .item-inner .label {
  padding: .8rem 1.6rem .7rem .5rem;
}

page-out-box .content .msg-item .item .con .checkbox {
  margin: 0 .5rem;
}

page-out-box .content .msg-item .item .con h2 {
  float: left;
  font-size: 1.4rem;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1rem;
}

page-out-box .content .msg-item .item .con h2 .left {
  width: 5rem;
}

page-out-box .content .msg-item .item .con h2 .newtitle {
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 1;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}

page-out-box .content .msg-item .item .con h2 .circle {
  margin-left: .5rem;
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  background: #518ada;
  border-radius: 50px;
  margin-right: 2.8rem;
}

page-out-box .content .msg-item .item .con h2 .circlew {
  display: inline-block;
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  color: #ffffff;
  background: #fa8c5b;
  border-radius: 50px;
  margin-right: 2.2rem;
}

page-out-box .content .msg-item .item .con h2 .circley {
  display: inline-block;
  width: 2.7rem;
  height: 2.7rem;
  text-align: center;
  line-height: 2.7rem;
  color: #ffffff;
  background: #ccc;
  border-radius: 50px;
  margin-right: 2.2rem;
}

page-out-box .content .msg-item .item .con .message-box {
  color: #666666;
}

page-out-box .content .msg-item .item .con .message-box p {
  font-size: 1.2rem;
  color: #666666;
  overflow: hidden;
  text-overflow: ellipsis;
  display: box;
  display: -webkit-box;
  line-clamp: 2;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  margin-bottom: .3rem;
}

page-out-box .content .msg-item .item .con .message-box .fjr span {
  width: 45%;
}

page-out-box .content .msg-item .item .con .newtitle span {
  color: #333;
  font-size: 1.6rem;
  width: 50%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-out-box .content .msg-item .item .con .newtitle time {
  color: #333;
  float: right;
  font-size: 1.2rem;
}

page-out-box .content .msg-item .item .con .message-box .nr {
  padding-left: 5rem;
  margin-top: -.8rem;
}

page-out-box .content .msg-item .item .con .select {
  margin-right: 1.5rem;
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid #ccc;
  border-radius: 8px;
}

page-out-box .content .msg-item .item .con .selecto {
  margin-right: 1.5rem;
  width: 2rem !important;
  height: 2rem !important;
  border: 1px solid #fa8c5b;
  border-radius: 8px;
  text-align: center;
}

page-out-box .content .msg-item .item .con .selecto span {
  width: .5rem !important;
  height: .5rem !important;
  background: #fa8c5b;
  border-radius: 50px;
}

page-out-box .content .msg-item .item .msg-operation {
  position: fixed;
  right: 1.6rem;
  bottom: 1rem;
}

page-out-box .content .msg-item .item .msg-operation button {
  padding: 0;
  background-color: rgba(0, 0, 0, 0);
}

page-out-box .content .msg-item .item .msg-operation button span {
  padding: 0.3rem 1rem;
  border: 1px solid #eee;
  border-radius: 10px;
}

page-out-box .content .msg-item .item .msg-operation .button-ios {
  height: auto;
}

page-out-box .remind {
  margin-left: 16px;
  margin-top: 1rem;
}

page-out-box .checkbox span {
  width: 2rem;
  height: 1.8rem;
  left: 2rem;
  top: 0.8rem;
}

page-out-box ion-footer .footer-operator-btn {
  width: 50%;
  float: left;
  border-radius: 0;
  border-right: 1px solid #fff;
  background: #019fa9;
}

page-out-box ion-footer .footer-operator-btn.del {
  background: #dddddd;
  border-right: 0;
}

msg-detail ion-header .item {
  padding: 0 !important;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

msg-detail ion-header .item .item-inner {
  padding: 0 !important;
  border: none !important;
}

msg-detail ion-header .item .label {
  margin: 0 !important;
}

msg-detail ion-header .item h2 {
  font-size: 1.4rem;
  color: #333333;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: .7rem;
  height: 3.4rem;
  line-height: 3.4rem;
  padding-right: 1rem;
  border-bottom: 1px solid #e5e5e5;
}

msg-detail ion-header .item h2 .circle {
  display: inline-block;
  width: .5rem;
  height: .5rem;
  background: #dddddd;
  border-radius: 50%;
  margin-right: 1rem;
}

msg-detail ion-header .item h2 .left {
  width: 1.5rem;
}

msg-detail ion-header .item h2 .newtitle {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

msg-detail ion-header .item p {
  line-height: 2.5rem;
  padding-left: 2.3rem;
  color: #999999;
}

msg-detail ion-header .item p span {
  color: #999999;
}

msg-detail ion-header .item p time {
  padding-left: 3rem;
}

msg-detail .content {
  background: #1d1c22;
}

msg-detail .content .card {
  margin: .8rem .5rem;
  padding: 1rem;
  color: #666666;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);
}

msg-detail .footer {
  background: #ffffff;
  padding: .5rem .8rem;
}

msg-detail .footer .button {
  width: 100%;
  margin: 0;
  height: 3rem;
  border-radius: 7px;
}

msg-detail .footer .button span {
  font-size: 1.7rem;
  letter-spacing: 1rem;
}

page-send-message .header button .button-inner {
  padding-right: 0.5rem;
}

page-send-message .content {
  background: #1d1c22 !important;
  margin-top: 1rem;
  padding: 0 !important;
}

page-send-message .content .scroll-content {
  padding: 0 !important;
}

page-send-message .content .item {
  min-height: 3rem;
  height: 3.6rem;
}

page-send-message .content .item .item-inner {
  border-bottom: none;
}

page-send-message .content form .item {
  padding: 0;
  padding-left: 1.8rem;
  height: 3.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #868686 !important;
  background: #ffffff;
}

page-send-message .content form .item .label {
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #767676 !important;
}

page-send-message .content form .item .label span {
  margin-right: 0.6rem;
}

page-send-message .content form .item .text-input {
  margin: 0;
  color: #333333;
  font-size: 1.4rem;
}

page-send-message .content form .item .zt {
  letter-spacing: 1.6rem;
}

page-send-message .content form .item .zt span {
  margin-right: 1rem;
  color: #868686;
}

page-send-message .content form .item-md.item-md.item-input.input-has-focus .item-inner {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-send-message .content form .item-md.item-input.ng-invalid.ng-touched:not(.input-has-focus) .item-inner {
  border-bottom: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

page-send-message .content form .sjr {
  border-bottom: 1px solid #e5e5e5 !important;
}

page-send-message .content form .sjr .value {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-send-message .content form .sjr .value a {
  color: #999999;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px;
  line-height: 1.8rem;
  padding: 0 1rem;
  margin-right: 1rem;
  font-size: 1.4rem;
}

page-send-message .content form .sjr .value li {
  color: #999999;
  border: 1px solid #e5e5e5 !important;
  border-radius: 8px;
  line-height: 1.8rem;
  padding: 0 0.3rem;
  margin-right: 0.5rem;
  font-size: 1.4rem;
}

page-send-message .content form .sjr .select {
  width: 69%;
  float: right;
  position: absolute;
  right: 6px;
  background-color: #fff;
  text-align: right;
}

page-send-message .content form .sjrlb {
  border-bottom: 1px solid #e5e5e5 !important;
}

page-send-message .content form .sjrlb .select .select-icon {
  width: 16px;
}

page-send-message .content form .sjrlb .input-wrapper {
  position: relative;
}

page-send-message .content form .send-title {
  -webkit-box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 13px rgba(0, 0, 0, 0.1);
}

page-send-message .content form .send-title .subject {
  padding-right: 1.5rem;
}

page-send-message .content div {
  overflow: hidden;
}

page-send-message .content div #content {
  padding-left: 1.8rem;
  background: transparent !important;
  height: 20rem;
  margin: 1.2rem 0 10px 0;
  overflow: hidden;
}

page-send-message .content div #content textarea {
  height: 20rem;
  margin: 0;
}

page-send-message .content div #content textarea::-webkit-input-placeholder {
  color: #bbb;
}

page-send-message .content div #content textarea::-moz-placeholder {
  color: #bbb;
}

page-send-message .content div #content textarea::-ms-placeholder {
  color: #bbb;
}

page-send-message .footer {
  width: 100%;
  background: #ffffff;
  padding: 0.4rem 0.8rem;
  position: fixed;
  bottom: 0;
  height: 4.7rem;
}

page-send-message .footer .button {
  height: 3rem;
  border-radius: 7px;
}

page-send-message .select-ios .select-icon {
  width: 18px;
}

page-send-message .add-target-label {
  position: absolute;
  right: 1rem;
  width: 3rem;
  pointer-events: all;
}

page-send-message .add-target-label .add-target {
  font-size: 3.2rem;
  z-index: 2;
  color: #dddddd;
  margin: 0 auto;
}

page-send-message .add-user-input {
  overflow-x: auto;
  max-width: 70%;
}

page-month-reward-center .search-bar {
  z-index: 1;
  background: #1d1c22;
}

page-month-reward-center .search-bar .button {
  background: transparent;
}

page-month-reward-center .search-bar .button span {
  font-size: 1.6rem;
}

page-month-reward-center .search-bar .button ion-icon {
  font-size: 3rem;
}

page-month-reward-center .scroll-content {
  background-color: var(--cp-color153);
}

page-month-reward-center .table_header {
  color: #fff;
  background: #1d1c26;
  height: 4rem;
  padding: 0 4rem 0rem 5rem;
}

page-month-reward-center .filter-select-box {
  width: 100%;
}

page-month-reward-center .filter-select-box .filter-select {
  width: 50%;
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
  white-space: nowrap;
}

page-month-reward-center .filter-select-box .filter-select.person-select {
  width: auto;
  padding: 1rem .6rem 0;
}

page-month-reward-center .filter-select-box .filter-select.person-select .sort-select {
  margin-right: 2rem;
  width: 12rem;
}

page-month-reward-center .filter-select-box .filter-select.person-select .sort-select .sort-text {
  width: 9rem;
}

page-month-reward-center .filter-select-box .filter-select .sort-select {
  color: var(--cp-color143);
  margin-right: 2rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-month-reward-center .filter-select-box .filter-select .sort-select .sort-text {
  display: block;
  width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-month-reward-center .nouser {
  background: var(--cp-color275);
}

page-month-reward-center .nouser.person-none {
  height: 100%;
}

page-month-reward-center .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 30rem;
}

page-month-reward-center .show-thirdgame .selector .container .sub_title {
  width: 100%;
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  font-weight: bold;
}

page-month-reward-center .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-month-reward-center .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

page-month-reward-center .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

page-month-reward-center .show-thirdgame .selector .container .button-ios {
  width: 100%;
}

page-month-reward-center .item-list .item_header {
  width: 100%;
  height: 5rem;
  padding: 0 2rem 0rem 1rem;
  background: var(--cp-color275);
}

page-month-reward-center .item-list .list {
  margin: 0;
}

page-month-reward-center .item-list .list-ios > .item-block:last-child {
  border-bottom: 1px solid #37314b;
}

page-month-reward-center .item-list .item-ios {
  border-bottom: 1px solid #37314b;
  background-color: var(--cp-color153);
}

page-month-reward-center .item-list .item-ios p {
  margin: 0;
  width: 30%;
  color: var(--cp-color143);
}

page-month-reward-center .item-list .item-ios.item-block .item-inner {
  border-bottom: none;
  padding-left: 0;
}

page-month-reward-center .item-list .content-left {
  display: inline-block;
  font-size: 1.4rem;
  font-weight: 500;
  color: var(--cp-color274);
}

page-month-reward-center .item-list .content-left .status-text {
  background: #734ed4;
  color: #fff;
  padding: 0.2rem 1.2rem;
  border-radius: 2.2rem;
  margin-right: 0.4rem;
  font-size: 1.2rem;
}

page-month-reward-center .item-list .content-left .status-text.get {
  background: #ea5c30;
}

page-month-reward-center .item-list .content-left.have-sub {
  color: #00b8e7;
}

page-month-reward-center .item-list p.content-rigth {
  display: inline-block;
  width: 62%;
  text-align: right;
}

page-month-reward-center .item-list p.content-rigth span {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

page-month-reward-center .item-list p.content-rigth .profit {
  color: #dd7447;
  font-weight: normal;
}

page-month-reward-center .item-list p.content-rigth .profit.win {
  color: #ff864b;
}

page-month-reward-center .item-list p.content-rigth .profit.lose {
  color: #43e937;
}

page-month-reward-center .item-list .detail-box {
  margin-top: 0.8rem !important;
  text-align: center;
  width: 50% !important;
  padding: 1rem 0 1rem 0;
}

page-month-reward-center .item-list .detail-btn button {
  background: #734ed4;
  font-size: 1.4rem;
  border-radius: .4rem;
  padding: 1.6rem 2rem;
}

page-month-reward-center .item-list ion-label.label.label-ios {
  margin: 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-month-reward-center .item-list span.str {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
}

page-month-reward-center .item-list span.num {
  font-size: 1.3rem;
  font-family: DINAlternate;
  color: #fff;
}

page-month-reward-center .item-list span.num.win {
  color: #ff864b;
}

page-month-reward-center .item-list span.num.lose {
  color: #43e937;
}

page-month-reward-center .item-list p.remind {
  font-size: 1.6rem;
  width: 83%;
  text-align: center;
  margin: 2rem auto;
  line-height: 2.3rem;
}

page-person .content .scroll-content {
  background: #1d1c22;
}

page-person .list {
  margin: 0;
}

page-person .list i.hasread {
  right: 3rem;
  top: 1rem;
}

page-person .nav-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
  padding: 0.5rem 0 0.5rem 1.6rem;
}

page-person .list-ios > .item-block:last-child {
  border-bottom: none;
}

page-person .item-ios {
  background-color: var(--cp-color275);
}

page-person .item-ios.item-block .item-inner {
  border-bottom: 1px solid #2f2b3d;
}

page-bank-account-name .scroll-content {
  background: #1d1c22;
}

page-bank-account-name .notice {
  font-weight: bold;
  margin-bottom: 1.6rem;
}

page-bank-account-name .bind {
  border-radius: 0.4rem;
}

page-bank-account-name .input-group input {
  border: none;
  width: 100%;
  padding: 1rem 0rem;
  background: transparent;
  border-bottom: 1px solid var(--cp-color252);
  margin-top: 15px;
}

page-bank-account-name .form-error {
  font-size: 1.2rem;
  color: var(--cp-color253);
}

page-bank-account-name .button-default {
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-day-salary-setting ion-header ion-navbar button .right-btn {
  font-size: 3.2rem;
  padding-left: 0.4rem;
}

page-day-salary-setting .daily-settings .top-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}

page-day-salary-setting .daily-settings .top-box span {
  color: gray;
}

page-day-salary-setting .daily-settings .top-box strong {
  color: #444;
  margin-left: 0.2rem;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b {
  background: white;
  display: inline-block;
  width: 95%;
  margin-bottom: 2.5%;
  padding: 1rem;
  margin-left: 2.5%;
  border-radius: 2px;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b p.sales {
  color: #333;
  margin-bottom: 0.4rem;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b .item {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.5rem;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b .item span {
  padding-left: 1rem;
  font-size: 1.3rem;
  color: red;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b .item ion-input.consumeAmount.input.input-ios {
  border: 1px solid #e8e8e8;
  border-radius: 5px;
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b .item .text-input[disabled] {
  background-color: #e8e8e8;
  width: 100%;
  height: 3.5rem;
  margin: 0;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b .item input.text-input.text-input-ios {
  padding-left: 10px;
}

page-day-salary-setting .daily-settings .setting.flex_r_s_b .item span.hr {
  margin: 0 1.6rem;
}

page-day-salary-setting .fotter-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 0.5rem;
}

page-day-salary-setting .fotter-btn .button-ios {
  width: 49%;
  margin: 1rem 0.5% 0 0.5%;
}

page-fund-password-set .form {
  margin: 0rem -1.6rem;
}

page-fund-password-set .form-group {
  position: relative;
  margin-bottom: 1rem;
}

page-fund-password-set .form-label {
  display: inline-block;
  margin-bottom: 0.4rem;
  display: none;
}

page-fund-password-set .form-control {
  display: block;
  width: 100%;
  padding: 0rem 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom: 1px solid #37314b;
}

page-fund-password-set .form .form-text {
  padding: 0rem 1.6rem;
}

page-fund-password-set .form .button {
  border-radius: 0.4rem;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-fund-password-set .form .link-btn {
  position: absolute;
  display: block;
  right: 1.6rem;
  top: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
}

page-fund-password-set .form .link-btn .icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
}

page-fund-password-set .form .link-btn .eye-fill {
  background-image: url("../assets/images/login/eye-fill.png");
}

page-fund-password-set .form .link-btn .eye-fill-close {
  background-image: url("../assets/images/login/eye-fill-close.png");
}

page-fund-password-set .bind-tips .bing-google {
  text-align: center;
  margin: 1rem;
}

page-fund-password-set .bind-tips .button {
  padding: 0rem;
  height: auto;
}

page-google-bind .form-title {
  margin: 2.4rem auto;
}

page-google-bind .form-group {
  position: relative;
  margin-bottom: 2.4rem;
}

page-google-bind .form-group input {
  background: none;
  border: none;
  width: 100%;
  border-bottom: 1px solid #37314b;
  padding: 11px 8px 11px 0;
}

page-google-bind .form-label {
  display: inline-block;
  margin-bottom: 0.4rem;
  display: none;
}

page-google-bind .form .form-control-item {
  background: transparent;
}

page-google-bind .form .form-control-item .form-control {
  color: #fff;
}

page-google-bind .form-control {
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom: 1px solid #37314b;
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

page-google-bind .form .button {
  border-radius: 0.4rem;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-google-bind .bind-wrapper .bind-group {
  margin-bottom: 1.6rem;
}

page-google-bind .bind-wrapper .bind-group-title {
  margin-bottom: 1.6rem;
}

page-google-bind .row .col {
  text-align: center;
}

page-google-bind .row .col .flex-column-center > span, page-google-bind .row .col lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner > span, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting page-google-bind .row .col .button-inner > span, page-google-bind .row .col lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner > span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting page-google-bind .row .col .button-inner > span {
  margin-bottom: 0.4rem;
}

page-google-bind .row .col .flex-column-center .android-btn, page-google-bind .row .col lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner .android-btn, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting page-google-bind .row .col .button-inner .android-btn, page-google-bind .row .col lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner .android-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting page-google-bind .row .col .button-inner .android-btn {
  background: #379053;
}

page-google-bind .row .col .flex-column-center .ios-btn, page-google-bind .row .col lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner .ios-btn, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting page-google-bind .row .col .button-inner .ios-btn, page-google-bind .row .col lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting .button-inner .ios-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting page-google-bind .row .col .button-inner .ios-btn {
  background: #348be1;
}

page-google-bind .row .col .scan-img {
  padding: 0.8rem;
  margin: 0 auto;
  width: 136px;
  height: 136px;
  background-color: #fff;
}

page-google-bind .row .col .qrcode {
  width: 120px;
  height: 120px;
}

page-google-bind .row .col .text-key {
  color: #ffca4e;
}

page-google-bind img:not([src]) {
  opacity: 0;
}

page-google-setting .form-title {
  margin: 2.4rem auto;
}

page-google-setting .form-group {
  position: relative;
  margin-bottom: 2.4rem;
}

page-google-setting .form-label {
  display: inline-block;
  margin-bottom: 0.4rem;
  display: none;
}

page-google-setting .form-control {
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom: 1px solid #37314b;
}

page-google-setting .form .button {
  border-radius: 0.4rem;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-google-setting .google-setting .tips {
  color: #e7bc37;
  font-weight: bold;
  margin: 2.5rem 1.5rem 1.5rem 1.7rem;
}

page-google-setting .google-setting button.button-ios.button-default.button-default-ios.button-block.button-block-ios {
  border-radius: 3px;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
  width: 80%;
  margin-left: 10%;
}

page-google-setting .google-setting button.button-ios.button-default.button-default-ios.button-block.button-block-ios span.button-inner {
  font-size: 1.8rem;
  font-weight: bold;
}

page-google-setting .google-setting .button.button-ios.button-outline.button-outline-ios {
  border-radius: 3px;
  border: solid 0.5px #55c1ff;
  color: #55c1ff;
  width: 80%;
  margin-left: 10%;
}

page-google-setting .google-setting .button.button-ios.button-outline.button-outline-ios span.button-inner {
  font-size: 1.6rem;
  font-weight: bold;
}

page-google-setting .google-setting .item-ios.item-checkbox-disabled ion-label {
  opacity: 0.6;
}

page-google-setting .google-setting .item-ios.item-block .item-inner {
  border-bottom: none !important;
}

page-google-setting .google-setting .list-ios > .item-block:last-child {
  border-bottom: 1px solid var(--cp-color27);
}

page-google-setting .list {
  margin: 0rem;
  margin-bottom: 2.4rem;
}

page-google-setting .list .item-ios {
  color: #ffffff;
  border-bottom: 1px solid var(--cp-color27);
  padding: 0.5rem 1rem 0.5rem 2rem;
  background: transparent;
}

page-google-setting .list .item-ios.item-checkbox-checked {
  opacity: 1;
}

page-google-setting .list ion-label {
  color: #d5d0ea;
  font-size: 1.4rem;
  font-weight: 500;
}

page-google-setting .list .checkbox-ios .checkbox-icon {
  background: transparent;
  border: none;
}

page-google-setting .list .checkbox-ios .checkbox-checked .checkbox-inner {
  left: 0px;
  top: 0px;
  position: absolute;
  width: 10px;
  height: 20px;
  border-width: 2.5px;
  border-top-width: 0;
  border-left-width: 0;
}

page-password-change .form {
  margin: 0rem -1.6rem;
}

page-password-change .form-group {
  position: relative;
  margin-bottom: 1rem;
}

page-password-change .form-label {
  display: inline-block;
  margin-bottom: 0.4rem;
  display: none;
}

page-password-change .form-control {
  display: block;
  width: 100%;
  padding: 0rem 1.6rem;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom: 1px solid #37314b;
}

page-password-change .form .form-text {
  padding: 0rem 1.6rem;
}

page-password-change .form .button {
  border-radius: 0.4rem;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-password-change .form .link-btn {
  position: absolute;
  display: block;
  right: 1.6rem;
  top: 1.2rem;
  width: 2.4rem;
  height: 2.4rem;
}

page-password-change .form .link-btn .icon {
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background-size: contain;
}

page-password-change .form .link-btn .eye-fill {
  background-image: url("../assets/images/login/eye-fill.png");
}

page-password-change .form .link-btn .eye-fill-close {
  background-image: url("../assets/images/login/eye-fill-close.png");
}

page-password-change .bind-tips .button {
  padding: 0rem;
  height: auto;
}

page-password-change .bind-tips div {
  color: #e7bc37;
}

page-password-change .bind-tips .bing-google {
  text-align: center;
  margin: 1rem;
}

page-personal-bonus-overview .nav-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  width: 100%;
  padding: 0rem 0.5rem;
}

page-personal-bonus-overview .nav-box .nav-c {
  padding: 1rem 0;
}

page-personal-bonus-overview .nav-box .select {
  color: #dd8326;
  border-bottom: 2px solid #dd8326;
}

page-personal-bonus-overview .btn-bandle {
  text-align: center;
  font-size: 1.6rem;
  padding: 0.8rem 0 1.2rem 0;
  font-weight: 400;
}

page-personal-bonus-overview .list-room {
  padding: 0.6rem 1.6rem 2.4rem 1.6rem;
  background-color: var(--cp-color275);
  overflow: auto;
}

page-personal-bonus-overview .list-room .list-box h1 {
  padding: 1rem 0rem;
  text-align: center;
  font-weight: bold;
  font-size: 1.4rem;
}

page-personal-bonus-overview .list-room .list-box .grid {
  padding: 0;
  border-right: 1px solid #37314b;
  border-bottom: 1px solid #37314b;
}

page-personal-bonus-overview .list-room .list-box .grid .row {
  line-height: 3rem;
  text-align: center;
}

page-personal-bonus-overview .list-room .list-box .grid .row .col {
  border-left: 1px solid #37314b;
  border-top: 1px solid #37314b;
  font-size: 1.2rem;
}

page-personal-bonus-overview .show-thirdgame .selector .container {
  max-height: 30rem;
}

page-personal-statistic-analysis .search-bar {
  height: 6.2rem;
  z-index: 1;
  background: #1d1c22;
  padding: 0.8rem 0;
}

page-personal-statistic-analysis .search-bar .button {
  background: transparent;
}

page-personal-statistic-analysis .search-bar .button span {
  font-size: 1.6rem;
}

page-personal-statistic-analysis .search-bar .button ion-icon {
  font-size: 3rem;
}

page-personal-statistic-analysis .filter-select-box {
  width: 100%;
}

page-personal-statistic-analysis .filter-select {
  width: 50%;
  font-size: 1.4rem;
  padding: 1rem .6rem;
}

page-personal-statistic-analysis .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-personal-statistic-analysis .filter-select .sort-select .sort-text {
  display: block;
  width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-personal-statistic-analysis .filter.row .datetime-ios {
  padding: 0 8px 0 0px;
}

page-personal-statistic-analysis .filter.row .datetime-ios .datetime-text {
  font-size: 1.4rem;
  line-height: 3.6rem;
}

page-personal-statistic-analysis .report-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.6rem;
  background-color: var(--cp-color27);
  border-bottom: 1px solid #37314b;
}

page-personal-statistic-analysis .report-item img {
  width: 20%;
  vertical-align: middle;
  margin-right: 0.5rem;
}

page-personal-statistic-analysis .report-item .tips-h1 img {
  width: 2rem;
  margin-right: 0rem;
}

page-personal-statistic-analysis .report-item .font-20 {
  font-family: DINAlternate;
  font-size: 2rem;
  padding-right: 0.4rem;
}

page-add-user-bank .bindcard .form-top {
  padding: 2.4rem 1.6rem;
}

page-add-user-bank .bindcard .form-top > div:first-child {
  margin-bottom: 1rem;
}

page-add-user-bank .bindcard-container > .form-item, page-add-user-bank .bindcard-container > .tip {
  padding: 0 1rem;
  margin-top: 1rem;
}

page-add-user-bank .bindcard-container > .bindcard-form > .form-item .form-item-main {
  height: 50px;
}

page-add-user-bank .bindcard-container > .bindcard-form > .form-item .form-item-main .form-item-body {
  overflow-x: scroll;
}

page-add-user-bank .tip {
  padding: 0.3rem 0.5rem;
  color: var(--cp-color255);
  font-size: 1.2rem;
  border-radius: 5px;
}

page-add-user-bank .segment-room {
  color: #fff;
  margin-top: 1rem;
  padding-left: 1rem !important;
  margin-bottom: 2rem;
}

page-add-user-bank .segment-room ion-segment {
  -webkit-box-pack: left !important;
  -webkit-justify-content: left !important;
  -ms-flex-pack: left !important;
  justify-content: left !important;
}

page-add-user-bank .segment-room .segment-ios .segment-button.segment-activated {
  color: #e4a24c;
  background: none;
  border-bottom: 2px solid #e4a24c;
  font-weight: bold;
}

page-add-user-bank .segment-room .segment-ios .segment-button {
  height: 3.8rem !important;
  line-height: 3.8rem !important;
  width: 30%;
  -webkit-box-flex: unset !important;
  -webkit-flex: unset !important;
  -ms-flex: unset !important;
  flex: unset !important;
  color: var(--cp-color256);
}

page-add-user-bank .form {
  padding: 0rem 1.6rem;
}

page-add-user-bank .form-item {
  margin-bottom: 1.6rem;
  border-bottom: 1px solid #413a51;
}

page-add-user-bank .form-item-title {
  padding: 0.8rem 0rem;
}

page-add-user-bank .form-item.select {
  border-width: 0rem;
}

page-add-user-bank .form-item.select .button {
  height: 4.2rem;
  background-color: var(--cp-color156);
  color: var(--cp-color257);
}

page-add-user-bank .form-item.select .button.actived {
  background: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background: linear-gradient(to right, #e6ad56, #c16732);
  color: white;
}

page-add-user-bank .form-item.select .button + .button {
  margin-left: 1.6rem;
}

page-add-user-bank .form .form-item-input {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-add-user-bank .list-ios > .item-block:first-child {
  border-top: none;
}

page-add-user-bank .list {
  margin: 0;
}

page-add-user-bank .choose-bank {
  border-bottom: 1px solid #413a51;
}

page-add-user-bank .choose-bank .bank-font {
  background: #1d1c22;
}

page-add-user-bank .choose-bank .bank-font.not_choose ion-label {
  font-size: 1.4rem;
}

page-add-user-bank .choose-bank .bank-font ion-label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  color: #fff;
}

page-add-user-bank .choose-bank .bank-font ion-label .img-wrap {
  width: 3rem;
  height: 3rem;
  background-color: var(--cp-color261);
  margin-right: 6px;
  border-radius: 50%;
  padding: var(--cp-color262);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-add-user-bank .choose-bank .bank-font ion-label img {
  width: var(--cp-color271);
  height: var(--cp-color271);
  max-width: var(--cp-color271);
  max-height: var(--cp-color271);
  -o-object-fit: contain;
  object-fit: contain;
}

page-add-user-bank .choose-bank .label-ios {
  font-size: 1.6rem;
}

page-add-user-bank .bank-box .title {
  padding: 1.4rem 0 0rem 0;
  font-size: 1.4rem;
}

page-add-user-bank .bank-box .item-ios.item-block .item-inner {
  border-bottom: none;
}

page-add-user-bank .bank-num {
  padding: 0;
  border-bottom: 1px solid #413a51;
  margin: 0 auto;
  background: transparent;
}

page-add-user-bank .bank-num input {
  font-size: 1.5rem;
  color: #fff;
}

page-add-user-bank .bank-num .text-input-ios {
  margin: 6px 8px 2px 0;
}

page-add-user-bank .bank-num ion-input,
page-add-user-bank .bank-num input {
  position: static;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}

page-add-user-bank .next {
  padding: 1rem 1rem 1rem 1.5rem;
}

page-add-user-bank .next .enter-num {
  color: #fc3e3b;
  margin-bottom: 0.6rem;
}

page-add-user-bank .next .check-num {
  color: #ff7676;
  font-size: 1.2rem;
  margin-bottom: 0.5rem;
  display: block;
}

page-add-user-bank .next button {
  border-radius: 0.6rem;
  margin: 1rem 0rem;
  margin-top: 1.5rem;
  display: block;
  border: 1px solid #ebc58d;
  background: -webkit-gradient(linear, left top, right top, from(#ebc58d), to(#d8a871));
  background: linear-gradient(to right, #ebc58d, #d8a871);
}

page-add-user-bank .help {
  margin-top: 3rem;
  text-align: center;
  color: #666;
  margin-bottom: 1rem;
}

page-add-user-bank .help a {
  text-decoration: none;
  color: #1c89ee;
  margin-left: 0.4rem;
}

page-add-user-bank .footer-bg {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-add-user-bank .footer-bg .close-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background-color: rgba(0, 0, 0, 0.4);
  width: 100%;
}

page-add-user-bank .footer-bg .search-bar {
  padding: 0 1rem;
  margin: 1rem 0;
  background: var(--cp-color27);
  color: var(--cp-color259);
}

page-add-user-bank .footer-bg .search-bar .text-input-ios {
  font-size: 14px;
}

page-add-user-bank .footer-bg .fixed-alert {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #1d1c22;
  height: 37rem;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-add-user-bank .footer-bg .fixed-alert .alert-header {
  background: var(--cp-color27);
  position: relative;
  text-align: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  height: 6rem;
  line-height: 4rem;
  border-top-right-radius: 1.6rem;
  border-top-left-radius: 1.6rem;
}

page-add-user-bank .footer-bg .fixed-alert .alert-header .choose-wal {
  font-size: 1.6rem;
  color: #fff;
}

page-add-user-bank .footer-bg .fixed-alert .alert-header .cancle {
  position: absolute;
  left: 2rem;
  top: 1rem;
  color: var(--cp-color258);
}

page-add-user-bank .footer-bg .fixed-alert .alert-con {
  background: var(--cp-color27);
  overflow-y: scroll;
  padding-right: 0.4rem;
  padding-left: 0.4rem;
}

page-add-user-bank .footer-bg .fixed-alert .alert-con .third-wallet-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid var(--cp-color260);
  padding: 1rem;
}

page-add-user-bank .footer-bg .fixed-alert .alert-con .third-wallet-list span {
  color: #fff;
}

page-add-user-bank .footer-bg .fixed-alert .alert-con .third-wallet-list .img-wrap {
  width: 3rem;
  height: 3rem;
  background-color: var(--cp-color261);
  margin-right: 6px;
  border-radius: 50%;
  padding: var(--cp-color262);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-add-user-bank .footer-bg .fixed-alert .alert-con .third-wallet-list img {
  width: var(--cp-color271);
  height: var(--cp-color271);
  max-width: var(--cp-color271);
  max-height: var(--cp-color271);
  -o-object-fit: contain;
  object-fit: contain;
}

page-add-user-bank .footer-bg .fixed-alert .alert-con .third-wallet-list .alert-bank-name .card {
  margin-right: 1rem;
  vertical-align: initial;
  color: #222;
}

page-add-user-bank .footer-bg .fixed-alert .alert-con .third-wallet-list .choose {
  color: red;
  font-size: 2.2rem;
}

page-user-bank-list .no-card {
  color: var(--cp-color254);
}

page-user-bank-list .no-card .remind {
  margin-bottom: 1.6rem;
}

page-user-bank-list .no-card .remind .img-card {
  width: 8rem;
}

page-user-bank-list .no-card .remind > div {
  padding: 1rem 1.6rem;
}

page-user-bank-list .no-card .notice {
  color: white;
  padding: 0.8rem 1.6rem;
  background: #ee7642;
}

page-user-bank-list .no-card .notice .fa-circle-info {
  margin-right: 0.4rem;
}

page-user-bank-list .bankcard-list {
  padding: 1.6rem;
}

page-user-bank-list .bankcard-list .bankcard-icon {
  width: 5.2rem;
  height: 5.2rem;
  padding: 0.6rem;
  background-color: #fff;
  border-radius: 50%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-user-bank-list .bankcard-list .bankcard-icon img {
  width: 4rem;
  height: 4rem;
  max-width: 4rem;
  max-height: 4rem;
  -o-object-fit: contain;
  object-fit: contain;
}

page-user-bank-list .bankcard-list .bankcard-body {
  margin-left: 0.8rem;
  font-weight: bold;
}

page-user-bank-list .bankcard-list .bankcard-body div + div {
  margin-top: 0.8rem;
}

page-user-bank-list .bankcard-list-item {
  padding: 1.6rem;
  border-radius: 4px;
  margin-bottom: 1.2rem;
  background-color: #397fc7;
  position: relative;
}

page-user-bank-list .bankcard-list-item.actived {
  background-color: #357551;
}

page-user-bank-list .bankcard-list-item.actived .fa-check {
  position: absolute;
  right: 3rem;
  top: 2.4rem;
}

page-user-bank-list .bankcard-list-item.actived .fa-check::before {
  font-size: 3rem;
}

page-user-bank-list .btn-add-bank {
  width: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background: linear-gradient(to right, #e6ad56, #c16732);
  margin-bottom: 2rem;
  font-weight: bold;
}

page-user-bank-list .btn-add-bank span.button-inner {
  font-weight: bold;
}

page-user-bank-list .btn-add-bank .ion-md-add:before {
  font-weight: bold;
}

page-user-info .info-wrap .info-area {
  border-radius: 0.5rem;
  overflow: hidden;
  color: var(--cp-color20);
  font-size: 1.3rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-user-info .info-wrap .info-item {
  background-color: var(--cp-color13);
  border-bottom: 1px solid var(--cp-color14);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 5rem;
  width: 100%;
}

page-user-info .info-wrap .info-item .item-left {
  width: 10rem;
  text-align: right;
}

page-user-info .info-wrap .info-item .item-right {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.8rem;
}

page-user-info .info-wrap .info-item .item-right .range-item {
  opacity: 1;
  padding: 0;
}

page-user-info .info-wrap .info-item .item-right .range-item .range-bar {
  height: 1rem;
  border-radius: 4px;
  margin-top: -4px;
}

page-user-info .info-wrap .info-item .item-right .range-item .range-bar.range-bar-active {
  background: #6fd864;
}

page-user-info .info-wrap .info-item .item-right .range-item ion-label {
  color: #fff;
  font-size: 1.5rem;
}

page-user-info .info-wrap .info-item .item-right .range-item .range-knob-handle {
  opacity: 0;
}

page-user-info .info-wrap .info-item .item-right .birthday-lab {
  background: var(--cp-color19);
  padding: 0.4rem 1rem;
  color: var(--cp-color22);
  border-radius: 4px;
  font-size: 1.2rem;
}

page-user-info .info-wrap .info-item .item-right .birthday-lab ion-icon {
  font-size: 1.4rem;
  margin-left: 0.6rem;
}

page-user-info .info-wrap .info-item .item-right .search-item {
  width: 16rem;
}

page-user-info .info-wrap .info-item .item-right .search-item ion-datetime {
  color: #fff;
  border: 1px solid #7b5c5c;
  border-radius: 4px;
  background: #25222d;
  padding: 6px 31px 6px 31px;
  height: 3rem;
}

page-user-info .info-wrap .info-item .item-right-txt {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  /* autoprefixer: off */
  -webkit-box-orient: vertical;
  /* autoprefixer: on */
  -webkit-line-clamp: 2;
}

page-user-info .info-wrap .info-item .name {
  padding-right: 1.1rem;
}

page-user-info .info-wrap .info-item .vip-type {
  font-size: 1.5rem;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#c6985b), to(#e5b472));
  background-image: linear-gradient(to bottom, #c6985b, #e5b472);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

page-user-info .info-wrap .info-item:last-child {
  border-bottom: none;
}

page-user-info .info-wrap .btn {
  width: 5.2rem;
  height: 2.4rem;
  background-color: #4f4668;
  border-radius: 1.5px;
  text-align: center;
  line-height: 2.4rem;
}

page-user-info .info-wrap .set-btn {
  position: absolute;
  right: 0.7rem;
  top: 0.7rem;
  font-size: 1.3rem;
}

page-user-info .info-wrap .set-item {
  border-radius: 0.5rem;
  margin-top: 1.1rem;
  position: relative;
  padding: 1.5rem 1.6rem 2rem 1.6rem;
  background: var(--cp-color16);
  -webkit-box-shadow: 0px 3px 0px 0px #44386d;
  box-shadow: 0px 3px 0px 0px #44386d;
}

page-user-info .info-wrap .set-item .set-title {
  color: #fff;
  font-size: 1.3rem;
  margin-bottom: 0.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-user-info .info-wrap .set-item .set-btn {
  border-radius: 3px;
  background: #f54a4a;
}

page-user-info .info-wrap .set-item .desc {
  font-size: 1.1rem;
  color: #ab9eda;
}

page-user-info .info-wrap .stateTrue {
  background: var(--cp-color222);
}

page-user-info .info-wrap .stateTrue .set-btn {
  background: var(--cp-color17);
}

page-user-info .info-wrap .stateTrue .desc {
  font-size: 1.1rem;
  color: var(--cp-color221);
}

page-user-info .info-wrap #card1 {
  -webkit-box-shadow: 0px 3px 0px 0px #8b85fa;
  box-shadow: 0px 3px 0px 0px #8b85fa;
}

page-user-info .info-wrap #card2 {
  -webkit-box-shadow: 0px 3px 0px 0px #d58bf4;
  box-shadow: 0px 3px 0px 0px #d58bf4;
}

page-user-info .info-wrap #card3 {
  -webkit-box-shadow: 0px 3px 0px 0px #f1b499;
  box-shadow: 0px 3px 0px 0px #f1b499;
}

page-user-info .info-wrap #card4 {
  -webkit-box-shadow: 0px 3px 0px 0px #75b9e8;
  box-shadow: 0px 3px 0px 0px #75b9e8;
}

page-user-info .info-wrap ion-input.nickname {
  padding-left: 0.8rem;
}

page-user-info .info-wrap .nick-btn {
  margin-right: 1.8rem;
  background: var(--cp-color21);
}

page-user-info .info-wrap .save-btn {
  background: #4f4668;
  margin-right: 1rem;
}

page-user-info .item-ios {
  background-color: var(--cp-color18);
  height: 4.8rem;
}

page-user-info .item-ios.item-block .item-inner {
  border-bottom: 1px solid #2f2b3d;
  padding-left: 0.1rem;
}

page-user-info .content.content-ios .scroll-content {
  padding: 16px 10px;
}

page-user-info .tip-img {
  width: 1.4rem;
  margin-left: 0.3rem;
}

page-vip .vip-wrap {
  padding: 1rem;
}

page-vip .vip-wrap .vip-area {
  padding: .8rem;
  background-color: var(--cp-color275);
  border-radius: .6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
}

page-vip .vip-wrap .vip-area .left-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-vip .vip-wrap .vip-area .vip-img {
  width: 5.4rem;
  height: 4rem;
  padding: 0 .9rem 0 .7rem;
}

page-vip .vip-wrap .vip-area .vip-tip {
  font-size: 1.1rem;
  margin-top: .5rem;
}

page-vip .vip-wrap .vip-area .vip-tip .vip-color1 {
  color: #A592DC;
}

page-vip .vip-wrap .vip-area .vip-tip .vip-color2 {
  color: #FF9C00;
}

page-vip .vip-wrap .vip-area .right-btn-area {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-vip .vip-wrap .vip-area .right-btn-area button {
  padding: .6rem 1rem;
  border-radius: .3rem;
  color: #fff;
  font-size: 1.2rem;
}

page-vip .vip-wrap .vip-area .right-btn-area button:first-child {
  background-color: #CA3CA8;
  margin-bottom: .6rem;
}

page-vip .vip-wrap .vip-area .right-btn-area button:last-child {
  background-color: #4F4668;
}

page-vip .vip-wrap h3 {
  margin-bottom: .8rem;
  margin-top: 1.4rem;
  font-size: 1.3rem;
}

page-vip .vip-wrap .vip-grade {
  color: #fff;
}

page-vip .vip-wrap .vip-grade .grade-item {
  height: 3.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  font-size: 1.2rem;
}

page-vip .vip-wrap .vip-grade .grade-item div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

page-vip .vip-wrap .vip-grade .grade-item1 {
  background-color: #25222D;
}

page-vip .vip-wrap .vip-grade .grade-item2 {
  background-color: var(--cp-color275);
}

page-vip .vip-wrap .vip-grade .text1 {
  color: var(--cp-color148);
}

page-vip .vip-wrap .vip-grade .text2 {
  color: #FF9C00;
}

page-vip .vip-wrap .vip-grade .text3 {
  color: #4A3E6E;
}

page-vip .vip-wrap .vip-rule {
  color: #fff;
}

page-vip .vip-wrap .vip-rule p {
  font-size: 1.2rem;
  color: var(--cp-color148);
}

page-vip-record .nav-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  height: 4rem;
  background: #26242f;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
}

page-vip-record ion-list.list.list-ios {
  min-height: 100%;
  background: #302d40;
}

page-vip-record .item-ios {
  background: #302d40;
  padding: 0.2rem 3rem 0.2rem 1.5rem;
}

page-vip-record .time p {
  color: white;
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}

page-vip-record .time .reward-time {
  color: gray;
}

page-vip-record .money {
  color: orange;
  font-size: 1.6rem;
  font-weight: 500;
}

page-account-bill-detail .bill-header {
  background: var(--cp-color270);
  padding: 4rem 0;
  border-bottom: 1px solid var(--cp-color276);
}

page-account-bill-detail .bill-header .header-wrap {
  text-align: center;
}

page-account-bill-detail .bill-header .header-wrap p {
  margin-top: 0.4rem;
  color: var(--cp-color266);
}

page-account-bill-detail .bill-header .header-wrap h1 {
  margin-top: 1.5rem;
  color: var(--cp-color267);
}

page-account-bill-detail .bill-item {
  margin: 0rem;
  padding: 1.5rem 0.5rem;
  background: var(--cp-color270);
}

page-account-bill-detail .bill-item .link-datail ion-label.label.label-ios {
  color: #3e9cff;
}

page-account-bill-detail .word-break {
  font-size: 1.2rem;
  color: var(--cp-color278);
  word-wrap: break-word;
  word-break: break-all;
  white-space: normal;
  text-overflow: unset !important;
}

page-account-bill-detail .item {
  background-color: transparent;
}

page-account-bill-detail .item ion-thumbnail[item-start] {
  min-height: auto;
  margin: 0rem;
  color: var(--cp-color277);
}

page-account-bill-detail .item.item-block .item-inner {
  border-bottom-width: 0rem;
  padding-left: 1rem;
}

page-account-bill-detail .item .label {
  font-size: 1.4rem;
  color: var(--cp-color278);
}

page-accountChange {
  position: relative;
}

page-accountChange .nouser {
  height: 100%;
  background: var(--cp-color275);
}

page-accountChange .show-thirdgame {
  position: fixed;
}

page-accountChange .team-filter .filter-select-box .filter-select {
  width: 33.33333%;
  white-space: nowrap;
}

page-accountChange .team-filter .filter-select-box .filter-select .sort-select {
  padding: 0.4rem 0.4rem;
}

page-accountChange .team-filter .filter-select-box .filter-select .sort-select .sort-text {
  width: 5rem;
}

page-accountChange .filter-select-box {
  width: 100%;
}

page-accountChange .filter-select-box .filter-select {
  width: 50%;
  font-size: 1.4rem;
  padding: 1rem 0.6rem 0;
}

page-accountChange .filter-select-box .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-accountChange .filter-select-box .filter-select .sort-select .sort-text {
  display: block;
  width: 9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-accountChange .search-bar {
  background: #1d1c22;
  padding: 0.8rem 0;
}

page-accountChange .search-bar .button {
  background: transparent;
}

page-accountChange .search-bar .button span {
  font-size: 1.6rem;
}

page-accountChange .search-bar .button ion-icon {
  font-size: 3rem;
}

page-accountChange .filter {
  border-bottom: 0 !important;
  background: #1d1c22;
  color: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 1.5rem 1rem;
}

page-accountChange .filter .col {
  color: #fff;
}

page-accountChange .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 30rem;
}

page-accountChange .show-thirdgame .selector .container .sub_title {
  text-align: left;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  color: #ffffff;
  width: 100%;
  font-weight: bold;
}

page-accountChange .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-accountChange .show-thirdgame .selector .container .button_box .button-ios {
  width: 100%;
}

page-accountChange .show-thirdgame .selector .container .button_box .button-ios:nth-child(1n) {
  padding-right: 0.5rem;
}

page-accountChange .show-thirdgame .selector .container .button_box .button-ios:nth-child(2n) {
  padding-left: 0.5rem;
}

page-accountChange .show-thirdgame .selector .container .user-box {
  width: 29%;
}

page-accountChange ion-refresher {
  top: 9.9rem !important;
}

page-accountChange .con .list.list-ios {
  margin: 0rem;
  padding: 0 !important;
  border-bottom: 1px solid #2f2b3d;
}

page-accountChange .con .list.list-ios .title {
  float: left;
  max-width: 200px;
  overflow: hidden;
  word-wrap: break-word;
  text-overflow: ellipsis;
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  color: #fff;
}

page-accountChange .con .list.list-ios .title p {
  font-size: 1.2rem;
}

page-accountChange .con .list.list-ios .title span {
  font-size: 1.4rem;
}

page-accountChange .con .list.list-ios .bill-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding-left: 32px;
}

page-accountChange .con .list.list-ios .bill-item .text-success {
  color: #54ce5d !important;
}

page-accountChange .con .item-ios {
  padding-left: 0px;
  background: var(--cp-color275);
}

page-accountChange .con .item-ios h2 {
  font-size: 1.4rem;
  font-weight: bold;
}

page-accountChange .label-ios {
  margin: 10px 8px 10px 0;
}

page-accountChange .day-filter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-accountChange .day-filter .selected {
  border: 1px solid #9881d9;
  color: #9881d9;
}

page-accountChange .day-select {
  line-height: 2.8rem;
  padding: 0;
  border-radius: 15px;
  border: 1px solid #ddd;
  width: 7rem;
  font-size: 1.3rem;
  color: #fff;
  text-align: center;
  margin-right: 1rem;
}

page-accountChange .filter-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #fff;
}

page-accountChange .time-margin {
  margin-right: 1rem;
}

.popover-ios .popover-content {
  background: #292936;
}

.toolbar-background-ios {
  background-color: #1b1b1f;
}

.oprate-btn {
  padding: 2rem;
}

.oprate-btn button {
  width: 6.6rem;
  height: 3.2rem;
  border: 1px solid #6d6688;
  background: transparent;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}

page-chaseReport .nouser {
  height: 100%;
  background: var(--cp-color275);
}

page-chaseReport .filter-select-box {
  width: 100%;
}

page-chaseReport .filter-select-box .filter-select {
  width: 50%;
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
}

page-chaseReport .filter-select-box .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-chaseReport .filter-select-box .filter-select .sort-select .sort-text {
  display: block;
  width: 9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-chaseReport .show-thirdgame .selector .container {
  padding: 1.2rem 0.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 30rem;
}

page-chaseReport .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-chaseReport .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

page-chaseReport .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

page-chaseReport .show-thirdgame .selector .container .button-ios {
  height: 4rem;
  width: 100%;
}

page-chaseReport .game-list {
  margin: 0rem;
}

page-chaseReport .game-list .item {
  background-color: var(--cp-color275);
}

page-chaseReport .game-list .item .label {
  margin: 0rem;
}

page-chaseReport .game-list .item-inner {
  padding: 0rem !important;
}

page-chaseReport .game-list .text-amount {
  font-family: DINAlternate;
}

page-chaseReport .game-list-item-inner {
  color: var(--cp-color143);
  padding: 1.6rem;
}

page-chaseReport .game-list-item-inner > div:not(:last-child) {
  margin-bottom: 0.6rem;
}

page-chaseReport .game-list .bill-status .status {
  color: #ffffff;
  padding: 0.2rem 0.8rem;
  border-radius: 2rem;
}

page-chaseReport .game-list .bill-status .status.unopened {
  background-color: #ad7a4f;
}

page-chaseReport .game-list .bill-status .status.not-won {
  background-color: #2c8833;
}

page-chaseReport .game-list .bill-status .status.won {
  background-color: #cf3334;
}

page-chaseReport .game-list .bill-status .status.revoke {
  background-color: #605b72;
}

page-chaseReport .game-list .bill-status .win-amount {
  width: 10rem;
  overflow: hidden;
}

page-chaseReport .game-list .order-time {
  color: #4b4561;
  font-weight: 500;
  font-family: Microsoft YaHei;
}

page-day-salary-report .day-salary-header.header .toolbar .right-button button {
  margin-right: 4px;
}

page-day-salary-report .day-salary-header.header .toolbar .right-button button span {
  font-size: 1.8rem;
}

page-day-salary-report .searchbar ion-label {
  pointer-events: all;
  text-align: center;
  margin: 0;
  height: 3rem;
}

page-day-salary-report .searchbar input {
  pointer-events: all;
  padding: 0 0.8rem;
  width: 85%;
  height: 100%;
  border-radius: 5px;
  -webkit-user-select: text;
  border: 1px solid #eee;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: 0;
}

page-day-salary-report .searchbar label {
  width: 15%;
  height: 3rem;
  display: inline-block;
  line-height: 3rem;
}

page-day-salary-report .no-data-tips {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #888;
}

page-day-salary-report .salary-list {
  background: transparent;
}

page-day-salary-report .salary-list .list {
  margin: 0;
  border-bottom: 1px solid #eee;
}

page-day-salary-report .salary-list .list-ios > .item-block:first-child {
  border-top: 0px;
}

page-day-salary-report .salary-list .list-ios > .item-block:last-child {
  border-bottom: 0px;
}

page-day-salary-report .salary-list .list-ios > .item-block {
  padding: 0.4rem 0 0.4rem 0.8rem;
}

page-day-salary-report .salary-list .list-item:first-of-type {
  margin-bottom: 1rem;
}

page-day-salary-report .salary-list .list-item .value {
  font-size: 1.4rem;
  color: #333;
}

page-day-salary-report .salary-list .list-item .value span.text {
  color: #080808;
  font-weight: 500;
}

page-day-salary-report .salary-list .list-item p.text {
  font-size: 1.4rem;
  color: #777;
  font-weight: 500;
}

page-day-salary-report .salary-list .list-item strong.value {
  color: black;
}

page-day-salary-report .salary-list .list-item span.type {
  border: 1px solid red;
  border-radius: 15px;
  padding: 0rem 0.6rem;
  font-size: 1.2rem;
  color: red;
}

page-day-salary-report .salary-list .list-item span.greet {
  border: 1px solid green;
  color: green;
}

page-day-salary-report .self-settings {
  text-align: left;
  background: #fff;
  padding: 1rem 1rem 0.8rem 1rem;
  border-bottom: 1px solid #eee;
}

page-day-salary-report .self-settings .setting-info ion-grid {
  padding: 0;
}

page-day-salary-report .self-settings .setting-info ion-col {
  padding: 0;
}

page-day-salary-report .self-settings .setting-info ion-col.icon-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-day-salary-report .self-settings .setting-info ion-col.icon-btn a ion-icon {
  font-size: 2rem;
}

page-day-salary-report .self-settings .wrap {
  white-space: normal;
  text-align: left;
  color: red;
  font-size: 1.4rem;
  border-top: 1px dashed #ccc;
  padding-top: 0.4rem;
}

page-day-salary-report .self-settings h3 {
  margin-bottom: 0.5rem;
  font-size: 1.4rem;
  white-space: normal;
}

page-day-reward-search .screen .search-btn-condition ion-input.input {
  text-indent: 5px;
  border-bottom: 1px solid #d6d6d6;
}

page-day-reward-report .filter {
  border: none;
}

page-day-reward-report .data-list p {
  height: 50rem;
}

page-day-reward-report .contain {
  border-bottom: 1px solid #eee;
  margin-bottom: 0.5rem;
}

page-day-reward-report .contain:last-child {
  margin-bottom: 15px;
}

page-day-reward-report .contain .content-box {
  background: #fff;
  overflow: hidden;
  padding: 0;
}

page-day-reward-report .contain .content-box .content-top-profit {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
}

page-day-reward-report .contain .content-box .content-top-profit span {
  display: inline-block;
  color: #999;
}

page-day-reward-report .contain .content-box .content-top-date {
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  border-bottom: 1px solid #eee;
  padding: 1.3rem 0.8rem;
  text-align: center;
}

page-day-reward-report .contain .content-box .content-top-date.can-go-detail:active {
  background: #ddd7d6;
}

page-day-reward-report .contain .content-box .content-top-date ion-icon {
  float: right;
  margin-top: -1rem;
  color: #999;
  font-size: 2.2em;
}

page-day-reward-report .contain .row.no-border .col:first-child {
  border-right: none !important;
}

page-day-reward-report .contain .row.no-border .col .num {
  border-bottom: none !important;
}

page-day-reward-report .contain .row .col {
  padding: 0 0.8rem;
  text-align: center;
}

page-day-reward-report .contain .row .col span {
  display: block;
}

page-day-reward-report .contain .row .col .str {
  color: #999;
  font-size: 1.3rem;
}

page-day-reward-report .contain .row .col .num {
  font-size: 1.8rem;
  padding-bottom: 0.8rem;
}

page-day-reward-report .current-user {
  padding: 1rem 1rem 0 1rem;
  color: #3c3c3c;
}

.diviend-list ion-list {
  background: #fff;
  margin: 1rem 0;
}

.diviend-list ion-list .label-ios {
  margin: 0 8px 0 0;
}

.diviend-list .list-ios > .item-block:first-child {
  border-top: 0px;
}

.diviend-list .list-ios > .item-block:last-child {
  border-bottom: 0px;
}

.diviend-list .list-item h3.value,
.diviend-list .list-item p.text {
  text-align: center;
}

.diviend-list .list-item h3.value {
  font-size: 1.6rem;
  color: #333;
}

.diviend-list .list-item p.text {
  font-size: 1.2rem;
  color: #999;
}

.diviend-list .list-item .right-border {
  position: relative;
}

.diviend-list .list-item .right-border:after {
  position: absolute;
  top: 6px;
  bottom: 6px;
  right: 0;
  width: 1px;
  content: '';
  background: #eee;
}

.diviend-list .list-item .col.operator-row {
  padding: 10px 0;
  border-bottom: 0 !important;
}

.diviend-list .list-item .col.operator-row h3.value.primary-text {
  color: #dddddd;
}

.diviend-list .list-item .col[col-6] {
  padding: 10px 0;
}

.diviend-list .list-item .col {
  border-bottom: 1px solid #eee !important;
}

.diviend-list .list-item .list-title {
  height: 3rem;
}

.diviend-list .list-item .list-title h3 {
  line-height: 3rem;
}

.diviend-list .list-item .get-btn {
  margin: 0 auto;
  display: block;
  height: 2.4rem;
  padding: 0 2rem;
}

.diviend-list .list-item .get-btn:active {
  background: #ddd7d6;
  color: #fff;
}

page-mainReport {
  position: relative;
}

page-mainReport .scroll-content {
  background: var(--cp-color275);
}

page-mainReport .toggle-icon {
  background: #bfb9d6 !important;
}

page-mainReport .toggle-icon::before {
  background-color: #17171b !important;
}

page-mainReport .toggle-icon .toggle-inner {
  background: #3f3d49 !important;
}

page-mainReport .show-thirdgame {
  position: fixed;
}

page-mainReport .table_header {
  color: #fff;
  background: #1d1c26;
  height: 4rem;
  padding: 0 4rem 0rem 5rem;
}

page-mainReport .no-click {
  pointer-events: none;
  opacity: 0.4;
}

page-mainReport .search-bar {
  background: #1d1c22;
  padding: 0.8rem 0;
}

page-mainReport .search-bar.person-bar .filter-select {
  width: 50%;
}

page-mainReport .search-bar.person-bar .filter-select .sort-select {
  margin-right: 0;
}

page-mainReport .search-bar.person-bar .filter-select .sort-select .sort-text {
  width: 9rem;
}

page-mainReport .search-bar .button {
  background: transparent;
}

page-mainReport .search-bar .button span {
  font-size: 1.6rem;
}

page-mainReport .search-bar .button ion-icon {
  font-size: 3rem;
}

page-mainReport .search-bar .filter-select {
  font-size: 1.4rem;
  padding: 1rem 0.6rem 0;
  line-height: normal;
  border-bottom: 0;
}

page-mainReport .search-bar .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
  margin-right: 2rem;
}

page-mainReport .search-bar .filter-select .sort-select .sort-text {
  display: block;
  width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-mainReport .search-bar .filter-select-box {
  width: 100%;
}

page-mainReport .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  max-height: 30rem;
}

page-mainReport .show-thirdgame .selector .container .sub_title {
  width: 100%;
  color: #fff;
  text-align: center;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  font-weight: bold;
}

page-mainReport .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-mainReport .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

page-mainReport .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

page-mainReport .show-thirdgame .selector .container .button-ios.type-btn {
  width: 100%;
}

page-mainReport .show-thirdgame .selector .container .button-ios.third-button {
  width: 30.3%;
}

page-mainReport .filter.row {
  border-bottom: 0;
}

page-mainReport .filter.row .datetime-ios {
  padding: 0 8px 0 0px;
}

page-mainReport .filter.row .datetime-ios .datetime-text {
  line-height: 3.5rem;
  font-size: 1.4rem;
}

page-mainReport .filter-select {
  font-size: 1.4rem;
  height: 4.4rem;
  line-height: 4.4rem;
  border-bottom: 0.5px solid #37314b;
}

page-mainReport .filter-select.team_page > div {
  width: 49%;
}

page-mainReport .filter-select span {
  font-size: 1.4rem;
  margin-right: 0.3rem;
  font-weight: 500;
}

page-mainReport .item_header {
  width: 100%;
  height: 5rem;
  padding: 0 2rem 0rem 5rem;
  background: var(--cp-color275);
}

page-mainReport .list {
  margin: 0;
}

page-mainReport .list-ios > .item-block:last-child {
  border-bottom: 1px solid #37314b;
}

page-mainReport .item-ios {
  border-bottom: 1px solid #37314b;
  background-color: var(--cp-color153);
}

page-mainReport .item-ios p {
  margin: 0;
  width: 30%;
  color: var(--cp-color143);
}

page-mainReport .item-ios.item-block .item-inner {
  border-bottom: none;
  padding-left: 0;
}

page-mainReport p.content-left {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--cp-color274);
}

page-mainReport p.content-left.have_sub {
  color: #ebc58d;
  text-decoration: underline;
}

page-mainReport p.content-rigth {
  display: inline-block;
  width: 62%;
  text-align: right;
}

page-mainReport p.content-rigth span {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

page-mainReport p.content-rigth .profit {
  color: #dd7447;
  font-weight: normal;
}

page-mainReport p.content-rigth .profit.win {
  color: #ff864b;
}

page-mainReport p.content-rigth .profit.lose {
  color: #43e937;
}

page-mainReport .detail-box {
  margin-top: 0.8rem !important;
  text-align: center;
  width: 33% !important;
  padding: 1rem 0 1rem 0;
}

page-mainReport ion-label.label.label-ios {
  margin: 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

page-mainReport span.str {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
}

page-mainReport span.num {
  font-size: 1.3rem;
  font-family: DINAlternate;
  color: #fff;
}

page-mainReport span.num.win {
  color: #ff864b;
}

page-mainReport span.num.lose {
  color: #43e937;
}

page-mainReport p.remind {
  font-size: 1.6rem;
  width: 83%;
  text-align: center;
  margin: 2rem auto;
  line-height: 2.3rem;
}

page-mainReport .game-container {
  display: block !important;
}

page-mainReport .game-container .list-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-mainReport .game-container .list-button .third-button {
  border: 1px solid #3f374f;
}

page-mainReport .game-container .list-button .third-button.seleted {
  border-color: #8c6dd4;
}

page-mainReport .game-container .list-button .third-button.border-btn {
  border: 1px solid #8677a4;
  background: #624f86;
}

page-mainReport .game-container .list-button .third-button.border-btn.seleted {
  border-color: #8c6dd4;
  background: #684fa3;
}

page-normalReport {
  position: relative;
}

page-normalReport .nouser {
  height: calc(100% - 8.95rem);
  background: var(--cp-color275);
}

page-normalReport .nouser.person-none {
  height: 100%;
}

page-normalReport .show-thirdgame {
  position: fixed;
}

page-normalReport .no-click {
  pointer-events: none;
  opacity: .4;
}

page-normalReport .search-bar {
  background: #1d1c22;
  padding: 0;
}

page-normalReport .search-bar .button {
  background: transparent;
}

page-normalReport .search-bar .button span {
  font-size: 1.6rem;
}

page-normalReport .search-bar .button ion-icon {
  font-size: 3rem;
}

page-normalReport .filter-select-box {
  width: 100%;
}

page-normalReport .filter-select-box.team-filter .filter-select {
  padding: 1rem .7rem 0;
}

page-normalReport .filter-select-box.team-filter .sort-select {
  margin-right: 1rem;
}

page-normalReport .filter-select-box.team-filter .sort-select .sort-text {
  width: 8rem;
}

page-normalReport .filter-select {
  width: 50%;
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
  white-space: nowrap;
}

page-normalReport .filter-select.person-select {
  width: auto;
  padding: 1rem .6rem 0;
}

page-normalReport .filter-select.person-select .sort-select {
  margin-right: 2rem;
  width: 12rem;
}

page-normalReport .filter-select.person-select .sort-select .sort-text {
  width: 9rem;
}

page-normalReport .filter-select .sort-select {
  color: var(--cp-color143);
  margin-right: 2rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-normalReport .filter-select .sort-select .sort-text {
  display: block;
  width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-normalReport ion-refresher {
  top: 9.9rem !important;
}

page-normalReport .report-list {
  padding-top: 0.5rem;
}

page-normalReport .report-list .report-list-item {
  padding: 1rem 1rem;
  background-color: var(--cp-color153);
}

page-normalReport .report-list .report-list-item .report-item {
  color: var(--cp-color143);
  padding: 0.4rem 0rem;
}

page-normalReport .report-list .report-list-item .report-item .amount {
  text-align: center;
}

page-normalReport .report-list .report-list-item .report-item .amount .label {
  color: #6d6688;
  margin-bottom: 0.4rem;
}

page-normalReport .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 30rem;
}

page-normalReport .show-thirdgame .selector .container .sub_title {
  width: 100%;
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  font-weight: bold;
}

page-normalReport .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-normalReport .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

page-normalReport .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

page-normalReport .show-thirdgame .selector .container .button-ios {
  width: 100%;
}

page-normalReport .text-default {
  color: var(--cp-color143);
}

page-normalReport .text-success {
  color: #2c8833;
}

page-normalReport .text-danger {
  color: #ff8090;
}

page-normalReport .text-error {
  color: #ff0000;
}

page-normalReport .text-warning {
  color: #e7a629;
}

page-normalReport .container .game-list {
  margin: 0rem;
}

page-normalReport .container .game-list .item-inner {
  padding: 0rem;
}

page-normalReport .container .game-list .item {
  background-color: var(--cp-color275);
  border-bottom: 1px solid var(--cp-color27);
}

page-normalReport .container .game-list .label {
  margin: 0;
  padding: 1.6rem;
}

page-normalReport .container .game-list .game-list-item {
  color: var(--cp-color280);
}

page-normalReport .container .game-list .game-list-item .label > div[class|="bill-item"]:not(:last-child) {
  margin-bottom: 0.6rem;
}

page-normalReport .container .game-list .game-list-item .text-amount {
  font-family: DINAlternate;
}

page-normalReport .container .game-list .game-list-item .bill-item-top {
  color: var(--cp-color143);
}

page-normalReport .container .game-list .game-list-item .bill-item-top .bill-status .status {
  color: #ffffff;
  padding: 0.2rem 0.8rem;
  border-radius: 2rem;
}

page-normalReport .container .game-list .game-list-item .bill-item-top .bill-status .status.unopened {
  background-color: #ad7a4f;
}

page-normalReport .container .game-list .game-list-item .bill-item-top .bill-status .status.not-won {
  background-color: #2c8833;
}

page-normalReport .container .game-list .game-list-item .bill-item-top .bill-status .status.won {
  background-color: #cf3334;
}

page-normalReport .container .game-list .game-list-item .bill-item-top .bill-status .status.revoke {
  background-color: #605b72;
}

page-normalReport .container .game-list .game-list-item .bill-item-top .win-amount {
  width: 10rem;
  overflow: hidden;
}

page-normalReport .container .game-list .game-list-item .order-time {
  color: var(--cp-color281);
  font-weight: 500;
  font-family: Microsoft YaHei;
}

page-normalReport .container .game-list .open-code .balls .ball {
  color: #ffffff;
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  font-family: DINAlternate;
  background-color: var(--cp-color284);
}

page-normalReport .container .game-list .open-code .balls .ball.san {
  color: #6aa2f9;
  background: url(../../../../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
}

page-normalReport .container .game-list .open-code .balls .ball.liu {
  color: #ca7b37;
  background: url(../../../../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
}

page-normalReport .container .game-list .open-code .balls .ball.bao {
  color: #ff6366;
  background: url(../../../../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
}

page-normalReport .container .game-list .open-code .balls i {
  font-style: normal;
  font-size: 1.2rem;
  margin-left: 1rem;
  color: #fff;
}

page-normalReport .container .game-list .open-code .balls i.win {
  color: #ff4b4b;
}

page-normalReport .container .game-list .open-code .balls i.lost {
  color: #45b342;
}

page-normalReport .container .game-list .open-code .balls .ball + .ball {
  margin-left: 0.6rem;
}

page-normalReport .container .game-list .open-code .balls.ball-len10 .ball {
  width: 2rem;
  height: 2rem;
  border-radius: 0;
}

page-normalReport .container .game-list .open-code .balls.ball-len10 .ball + .ball {
  margin-left: 0.4rem;
}

page-normalReport .pop-box .thirdGameName {
  font-size: 1.4rem;
  padding: 1.5rem 0.2rem;
}

normal-report ion-item {
  width: 100%;
}

normal-report ion-item .item-inner {
  width: 100%;
}

normal-report ion-item .item-inner .input-wrapper {
  width: 100%;
}

normal-report ion-item .item-inner .input-wrapper ion-label {
  width: 30% !important;
}

normal-report ion-item .item-inner .input-wrapper ion-datetime,
normal-report ion-item .item-inner .input-wrapper ion-select,
normal-report ion-item .item-inner .input-wrapper ion-input {
  width: 68% !important;
}

.oprate-btn {
  padding: 2rem;
}

.oprate-btn button {
  width: 6.6rem;
  height: 3.2rem;
  border: 1px solid #6d6688;
  background: transparent;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}

page-private-reward ion-buttons.right-button.bar-buttons.bar-buttons-ios .bar-button-ios {
  font-size: 1.6rem;
  line-height: inherit;
  height: auto;
  font-weight: 500;
}

page-private-reward .serchterm {
  background: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4.8rem;
  line-height: 4.8rem;
  padding-left: 1rem;
  border: 1px solid #eee;
  margin: 0.5rem 0;
}

page-private-reward .serchterm span {
  font-size: 1.4rem;
}

page-private-reward .serchterm .text-input {
  margin: 0;
}

page-private-reward .serchterm .search {
  padding: 0 2rem;
  background: #a0c4f4;
  border: 1px solid #a8c3de;
}

page-private-reward .serchterm .search ion-icon.icon.icon-ios.ion-ios-search {
  font-size: 2.6rem;
  color: #ffffff;
}

page-private-reward .content .scroll-content {
  border-top: none;
}

page-private-reward .content .item-ios {
  padding-left: 0 !important;
}

page-private-reward .content .label-ios {
  margin: 0;
}

page-private-reward .content .item-ios.item-block .item-inner {
  padding-right: 0;
}

page-private-reward .content .remind {
  text-align: center;
  color: #999999;
  font-size: 1.6rem;
  margin-top: 2rem;
}

page-private-reward .content .daily-wrap .item-inner {
  padding-left: 0 !important;
}

page-private-reward .content .daily-wrap .itemcon {
  background: #eee;
}

page-private-reward .content .daily-wrap .itemcon ion-grid ion-row ion-col {
  padding: 4px 0;
}

page-private-reward .content .daily-wrap .itemcon button {
  margin-bottom: 0rem;
}

page-private-reward .content .daily-wrap .itemcon button .item-inner {
  padding-left: 8px !important;
}

page-private-reward .content .daily-wrap .itemcon .status {
  background: #ff3c00 !important;
  color: #fff;
  padding: 0 0.8rem;
  border-radius: 4px;
  margin-right: 0.5rem;
  font-size: 1.2rem;
  display: inline-block;
  height: 1.8rem;
  line-height: 1.8rem;
}

page-private-reward .content .daily-wrap .itemcon .name ion-icon {
  margin-left: 0.6rem;
  color: #ff3c00;
}

page-private-reward .content .daily-wrap .itemcon .huiyuan {
  background: #13c3ec !important;
}

page-private-reward strong {
  font-weight: 500;
  font-size: 1.5rem;
  color: #222;
}

page-private-reward .button-inner {
  display: block;
  text-align: center;
}

page-private-reward .button-inner i {
  display: block;
}

page-edit-private-reward {
  background: #f8f8f8;
  width: 100%;
}

page-edit-private-reward ion-header ion-toolbar .bar-button-menutoggle.bar-button-menutoggle-ios {
  width: auto !important;
}

page-edit-private-reward .bar-button-ios {
  font-size: 1.5rem;
  font-weight: 500;
}

page-edit-private-reward ion-icon.icon.icon-ios.ion-ios-trash {
  font-size: 2.4rem;
}

page-edit-private-reward ion-item.search-item.item.item-block.item-ios {
  background: #f8f8f8;
  font-size: 1.4rem;
  color: #555;
  font-weight: 500;
}

page-edit-private-reward ion-item.search-item.item.item-block.item-ios .label-ios {
  margin: 14px 8px 14px 15px;
}

page-edit-private-reward ion-item.search-item.item.item-block.item-ios input.text-input.text-input-ios {
  font-size: 1.6rem;
}

page-edit-private-reward .button-ios {
  background-color: #d87004;
  width: 95%;
  margin-left: 2.5%;
}

page-edit-private-reward .button-ios span.button-inner {
  font-weight: 500;
}

page-edit-private-reward .tips {
  padding-left: 1rem;
}

page-edit-private-reward .tips span {
  color: red;
}

page-shortcut-setting .no-submit-click {
  opacity: 0.6;
}

page-shortcut-setting .daily-wrap {
  padding-top: 1rem;
}

page-shortcut-setting .daily-wrap .msg-item {
  margin-bottom: 1rem !important;
}

page-shortcut-setting .daily-wrap .msg-item.list {
  margin: 0;
}

page-shortcut-setting .daily-wrap .msg-item:last-of-type .item-block .item-inner {
  border-bottom: 0 !important;
}

page-shortcut-setting .daily-wrap .msg-item .item {
  padding-left: 2rem;
  background: #fff;
  border: none;
  position: relative;
}

page-shortcut-setting .daily-wrap .msg-item .item .position-checkbox {
  width: 2rem;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-shortcut-setting .daily-wrap .msg-item .item .position-checkbox .select-checkbox {
  display: inline-block;
  width: 1rem;
  height: 1rem;
}

page-shortcut-setting .daily-wrap .msg-item .item .position-checkbox .select-checkbox .checkbox-ios .checkbox-icon {
  width: 14px;
  height: 14px;
}

page-shortcut-setting .daily-wrap .msg-item .item .position-checkbox .select-checkbox .checkbox-ios .checkbox-checked .checkbox-inner {
  left: 5px;
  top: 1px;
}

page-shortcut-setting .daily-wrap .msg-item .item .position-checkbox .select-checkbox.disabled-select button .button-inner {
  width: 2px;
  display: block;
  background: #ccc;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

page-shortcut-setting .daily-wrap .msg-item .item .item-inner {
  padding: 0;
}

page-shortcut-setting .daily-wrap .msg-item .item .label {
  padding-left: 1.5rem;
  margin: 0;
  white-space: normal;
}

page-shortcut-setting .daily-wrap .msg-item .item .label ion-col {
  padding: 4px 0;
}

page-shortcut-setting .shortcut-page .self-settings {
  padding: 0 1rem 0rem 1rem;
}

page-shortcut-setting .shortcut-page .self-settings .serchterm {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding: 6px 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-shortcut-setting .shortcut-page .self-settings .serchterm button {
  height: 2.4rem;
}

page-shortcut-setting .shortcut-page .self-settings .serchterm .btn-operator {
  height: 3rem;
}

page-shortcut-setting .shortcut-page .self-settings .serchterm .select-btn {
  padding-left: 4px;
  padding-right: 4px;
}

shortcut-setting-search .screen .search-btn-condition {
  padding-top: 1rem !important;
}

shortcut-setting-search .screen .search-btn-condition .search-btn-label {
  font-size: 1.4rem;
  padding: 1rem 0;
  color: var(--cp-color148);
  border: 1px solid var(--cp-color159);
  border-radius: 5px;
  margin-bottom: 1rem;
  padding-left: 1rem !important;
}

shortcut-setting-search .screen .search-btn-condition .search-btn-label input {
  border: none;
}

reward-report .picker-columns {
  -ms-touch-action: none;
  touch-action: none;
}

reward-report .filter.row .datetime-ios {
  padding: 0 8px 0 0px;
}

reward-report .filter.row .datetime-ios .datetime-text {
  line-height: 3.5rem;
  font-size: 1.4rem;
  color: #ffffff;
}

reward-report .toolbar-ios ion-title {
  padding: 0 50px 1px;
}

reward-report .filter-select {
  font-size: 1.4rem;
  width: 100%;
  text-align: center;
  height: 5rem;
  line-height: 5rem;
  background: var(--cp-color156);
  border-bottom: 0.5px solid #37314b;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

reward-report .filter-select > div {
  width: 100%;
}

reward-report .filter-select.team_page > div {
  width: 49%;
}

reward-report .filter-select span {
  font-weight: 500;
  font-size: 1.4rem;
  margin-right: 0.3rem;
}

reward-report .filter-select ion-icon.icon.icon-ios.ion-md-arrow-dropdown {
  font-size: 3rem;
  vertical-align: middle;
  color: #777;
}

reward-report .report-content .list {
  margin: 0;
}

reward-report .report-content .list .item {
  background-color: var(--cp-color156);
}

reward-report .report-content .list .item .label {
  color: #ffffff;
  font-weight: 500;
}

reward-report .report-content .item-ios,
reward-report .report-content .list-ios > .item-block:last-child {
  border-bottom: 1px solid #37314b;
}

reward-report .report-content .item-ios p {
  margin: 0;
  width: 60%;
}

reward-report .report-content .item-ios.item-block .item-inner {
  border-bottom: none;
  padding-left: 0;
}

reward-report .report-content p.content-left {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
}

reward-report .report-content p.content-rigth {
  display: inline-block;
  width: 30%;
  text-align: right;
}

reward-report .report-content p.content-rigth span {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

reward-report .report-content p.content-rigth .profit {
  font-weight: normal;
}

reward-report .report-content ion-item .label-ios {
  margin: 0;
  padding: 0 !important;
}

reward-report .report-content ion-item.item.item-block.item-ios.curactive {
  background: #332e41;
}

reward-report .report-content .list_header {
  width: 100%;
  height: 6rem;
  font-size: 1.4rem;
  padding: 0 2rem;
}

reward-report .report-content .list_header .reward_status {
  border: 0.5px solid #37314b;
  border-radius: 1.6rem;
  font-size: 1.2rem;
  padding: 0.3rem 1rem;
  margin-right: 0.4rem;
}

reward-report .report-content .list_header .reward_status.done {
  color: #fff;
  background-color: #51b55d;
}

reward-report .report-content .list_det {
  width: 100%;
  border-top: 1px solid #37314b;
}

reward-report .report-content .list_det .send_btn_p {
  padding: 1.2rem 0 0.8rem 0;
  background: var(--cp-color156);
  height: 5.8rem;
}

reward-report .report-content .list_det .send_btn {
  font-size: 1.5rem;
  font-weight: 500;
  width: 95%;
  height: 4.6rem;
  background: -webkit-gradient(linear, left top, right top, from(#ebc58d), to(#d8a871));
  background: linear-gradient(to right, #ebc58d, #d8a871);
}

reward-report .report-content .list_det p {
  width: 100%;
  padding: 0 1.6rem;
  height: 4.8rem;
  color: #e4a24c;
  border-bottom: 1px solid #37314b;
  font-size: 1.4rem;
}

reward-report .report-content .list_det p .label {
  color: #a3a3a3;
}

reward-report .report-content .detail-box {
  margin-top: 0.8rem !important;
}

reward-report .report-content ion-label.label.label-ios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
  padding-left: 0.6rem;
}

reward-report .report-content span.str {
  width: 100%;
  display: block;
  color: #666;
  font-weight: bold;
  font-size: 1.4rem;
}

reward-report .report-content .num,
reward-report .report-content .unit {
  font-size: 1.4rem;
  font-weight: 500;
}

reward-report .report-content span.num {
  color: black;
}

reward-report .report-content p.remind {
  font-size: 1.6rem;
  width: 83%;
  text-align: center;
  margin: 2rem auto;
  line-height: 2.3rem;
  color: #666;
}

reward-report .poper-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
}

reward-report .poper-modal {
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  min-height: 45%;
  height: 100%;
  z-index: 15;
  display: block;
}

page-teamMainReport {
  position: relative;
}

page-teamMainReport .scroll-content {
  background: var(--cp-color275);
}

page-teamMainReport .nouser {
  height: 100%;
  background: var(--cp-color275);
}

page-teamMainReport .search-bar {
  z-index: 1;
  background: #1d1c22;
  padding: 0.8rem 0;
}

page-teamMainReport .search-bar .button {
  background: transparent;
}

page-teamMainReport .search-bar .button span {
  font-size: 1.6rem;
}

page-teamMainReport .search-bar .button ion-icon {
  font-size: 3rem;
}

page-teamMainReport .show-thirdgame {
  position: fixed;
}

page-teamMainReport .filter.row {
  border-bottom: 0;
}

page-teamMainReport .filter.row .datetime-ios {
  padding: 0 8px 0 0px;
}

page-teamMainReport .filter.row .datetime-ios .datetime-text {
  line-height: 3.5rem;
  font-size: 1.4rem;
}

page-teamMainReport .filter-select {
  font-size: 1.4rem;
  padding: 1rem 0.6rem 0;
}

page-teamMainReport .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-teamMainReport .filter-select .sort-select .sort-text {
  display: block;
  width: 12rem;
}

page-teamMainReport h3.total-text {
  color: var(--cp-color143);
  padding-left: 1rem;
  height: 5.6rem;
  font-size: 1.4rem;
  margin-bottom: 1.6rem;
  background-color: var(--cp-color153);
  border-bottom: 1px solid #37314b;
}

page-teamMainReport h3.total-text img {
  width: 3rem;
  margin-right: 0.4rem;
}

page-teamMainReport h3.total-text .danger {
  color: #e90000;
  font-size: 1.6rem;
}

page-teamMainReport h3.total-text .win {
  color: #e90000;
}

page-teamMainReport h3.total-text .lose {
  color: #0ec700;
}

page-teamMainReport .third-game {
  background-color: var(--cp-color153);
}

page-teamMainReport .third-game ion-col {
  color: var(--cp-color143);
  text-align: center;
  border-bottom: 1px solid #37314b !important;
}

page-teamMainReport .third-game ion-col.no-click {
  pointer-events: none;
}

page-teamMainReport .third-game ion-col:active {
  background: rgba(0, 0, 0, 0.2);
}

page-teamMainReport .third-game [col-3],
page-teamMainReport .third-game .col {
  padding: 2rem 0;
  font-size: 1.2rem;
}

page-teamMainReport .third-game .left-list {
  border-left: 1px solid #37314b !important;
}

page-teamMainReport .third-game .third-wallet {
  color: #6071a1;
  margin-top: 1rem;
  font-size: 1.3rem;
}

page-teamMainReport .third-game .win {
  color: #e90000;
}

page-teamMainReport .third-game .lose {
  color: #0ec700;
}

page-teamMainReport .table_header {
  color: #fff;
  background: #1d1c26;
  height: 4rem;
  padding: 0 4rem 0rem 5rem;
}

page-teamMainReport .item-list .item_header {
  width: 100%;
  height: 5rem;
  padding: 0 2rem 0rem 5rem;
  background: var(--cp-color275);
}

page-teamMainReport .item-list .list {
  margin: 0;
}

page-teamMainReport .item-list .list-ios > .item-block:last-child {
  border-bottom: 1px solid #37314b;
}

page-teamMainReport .item-list .item-ios {
  border-bottom: 1px solid #37314b;
  background-color: var(--cp-color153);
}

page-teamMainReport .item-list .item-ios p {
  margin: 0;
  width: 30%;
  color: var(--cp-color143);
}

page-teamMainReport .item-list .item-ios.item-block .item-inner {
  border-bottom: none;
  padding-left: 0;
}

page-teamMainReport .item-list p.content-left {
  display: inline-block;
  font-size: 1.5rem;
  font-weight: 500;
  color: var(--cp-color274);
}

page-teamMainReport .item-list p.content-left.have_sub {
  color: #ebc58d;
  text-decoration: underline;
}

page-teamMainReport .item-list p.content-rigth {
  display: inline-block;
  width: 62%;
  text-align: right;
}

page-teamMainReport .item-list p.content-rigth span {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

page-teamMainReport .item-list p.content-rigth .profit {
  color: #dd7447;
  font-weight: normal;
}

page-teamMainReport .item-list p.content-rigth .profit.win {
  color: #ff864b;
}

page-teamMainReport .item-list p.content-rigth .profit.lose {
  color: #43e937;
}

page-teamMainReport .item-list .detail-box {
  margin-top: 0.8rem !important;
  text-align: center;
  width: 33% !important;
  padding: 1rem 0 1rem 0;
}

page-teamMainReport .item-list ion-label.label.label-ios {
  margin: 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

page-teamMainReport .item-list span.str {
  width: 100%;
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
}

page-teamMainReport .item-list span.num {
  font-size: 1.3rem;
  font-family: DINAlternate;
  color: #fff;
}

page-teamMainReport .item-list span.num.win {
  color: #ff864b;
}

page-teamMainReport .item-list span.num.lose {
  color: #43e937;
}

page-teamMainReport .item-list p.remind {
  font-size: 1.6rem;
  width: 83%;
  text-align: center;
  margin: 2rem auto;
  line-height: 2.3rem;
}

page-teamReport {
  /* .content .scroll-content {
        padding-top: 3.7rem;
    } */
}

page-teamReport .filter .line {
  margin-top: 1rem;
}

page-teamReport .filter .datetime-ios {
  padding: 11px 5px 11px 5px !important;
}

page-teamReport .filter ion-col.endtime.col {
  margin-left: 0.5rem;
}

page-teamReport .filter .font18 {
  margin-right: 0.5rem;
}

page-teamReport .pop-box .thirdGameName {
  margin-bottom: 0;
  border-bottom: 1px solid #f8f8f8 !important;
}

page-teamReport .btn-return {
  color: #666666;
  text-align: right;
  padding: 1rem;
  border-bottom: 1px solid #ddd;
  overflow: hidden;
  line-height: 2.8rem;
}

page-teamReport .btn-return button {
  float: left;
  border: 1px solid #dddddd;
  color: #dddddd;
  font-size: 1.3rem;
  background: transparent;
  line-height: 2rem;
  margin: 0.4rem 0;
  border-radius: 4px;
}

page-teamReport .list-position {
  padding: 0.6rem 1.2rem;
}

page-teamReport .userList {
  width: 100%;
  overflow: auto;
}

page-teamReport .userList .user-items {
  white-space: nowrap;
  margin-bottom: 0.5rem;
}

page-teamReport .userList .user-items .button-ios-light {
  background: transparent;
}

page-teamReport .userList .user-items .button-ios-light.team-nav-btn.text-default {
  color: #1890ff;
}

page-teamReport .userList .user-items .button-ios-light.team-nav-btn.text-success {
  color: #52c41a;
}

page-teamReport .userList .user-items .button-ios-light.team-nav-btn.text-warning {
  color: #fa8c16;
}

page-teamReport .userList .user-items .button-ios-light.team-nav-btn.text-danger {
  color: #ff8090;
}

page-teamReport .team-list .item-inner {
  padding-left: 0 !important;
}

page-teamReport .team-list h2 {
  padding: 1.2rem 0rem 0.4rem 0rem;
  padding-left: 2rem;
  font-size: 1.5rem !important;
  font-weight: 500;
}

page-teamReport .team-list h2 .profit {
  font-size: 1.4rem;
  float: right;
  margin-right: 2rem;
  font-weight: 500;
  color: #444;
}

page-teamReport .team-list h2 .profit span {
  font-size: 1.4rem;
}

page-teamReport .team-list .team-list-content {
  margin-bottom: 0.4rem;
}

page-teamReport .team-list .team-list-content h3,
page-teamReport .team-list .team-list-content p {
  text-align: center;
}

page-teamReport .team-list .team-list-content h3 {
  margin-bottom: 0.8rem;
  font-family: DINAlternate;
  font-weight: 500;
}

page-teamReport .team-list .team-list-content p {
  font-size: 1.4rem;
  font-weight: 500;
  margin-top: 0.2rem;
}

page-teamReport .team-nav-btn {
  position: relative;
  margin-right: -0.4rem;
  font-size: 1.4rem;
  font-weight: 500;
}

page-teamReport .team-nav-btn .button-inner span {
  position: absolute;
  right: 0px;
}

page-teamReport .btn-none {
  color: #999999;
  text-align: center;
  font-size: 1.6rem;
  margin-top: 9rem;
}

page-teamReport .item-ios {
  padding-left: 0;
}

page-teamReport .item-ios.item-block .item-inner {
  padding-right: 0;
}

page-teamReport .label-ios {
  margin: 0;
}

page-teamReport .list-ios {
  margin: -1px 0 -1px 0;
}

page-teamReport .fontsize12 {
  font-size: 1.4rem;
}

page-teamReport .fontsize12 .huiyuan {
  background: #13c3ec;
}

page-teamReport .usertype {
  display: inline-block;
  width: 40px;
  text-align: center;
  padding: 0.4rem;
  color: #fff;
  background: red;
  border-radius: 4px;
  margin-left: 0.6rem;
}

page-teamReport .fontcol-fir {
  color: #666666;
}

page-teamReport .fontcol-sec {
  color: #11a311;
}

.date_row ion-col {
  display: block;
  height: 100%;
  line-height: 2.4rem;
  text-align: center;
  background: #ddd;
  color: #222;
  border-radius: 0.5rem;
  margin: 0 1rem;
}

page-thirdMainReport .filter.row .datetime-ios {
  padding: 0 8px 0 16px;
}

page-thirdMainReport .filter.row .datetime-ios .datetime-text {
  line-height: 3.5rem;
}

page-thirdMainReport .pop-box .thirdGameName {
  margin-bottom: 0;
}

page-thirdMainReport .content .opacity {
  opacity: 0;
}

page-thirdMainReport .content .activity {
  line-height: 3rem;
}

page-thirdMainReport .content .activity .num {
  display: inline-block !important;
  padding-bottom: 0 !important;
  border-bottom: 0 !important;
}

page-thirdMainReport .content .activity .str {
  display: inline-block !important;
}

page-thirdMainReport .content .filter {
  margin-bottom: 0;
}

page-thirdMainReport .content .filter .datetime-ios {
  padding: 13px 0px 11px 0px;
  text-align: center;
}

page-thirdMainReport .content .filter .datetime-ios .datetime-text {
  font-size: 1.3rem;
}

page-thirdMainReport .content .filter .startime .datetime-text {
  text-align: right;
  padding-right: 12px;
}

page-thirdMainReport .content .contain {
  padding-top: 0;
  padding-bottom: 0;
}

page-thirdMainReport .content .contain .item_header {
  width: 100%;
  height: 4.8rem;
  padding: 0 1.6rem;
  color: var(--cp-color143);
}

page-thirdMainReport .content .contain .list {
  margin: 0;
}

page-thirdMainReport .content .contain .item {
  border-bottom: 1px solid var(--cp-color27);
  background-color: var(--cp-color275);
}

page-thirdMainReport .content .contain .item p {
  color: var(--cp-color143);
}

page-thirdMainReport .content .contain .item .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

page-thirdMainReport .content .contain .item .label .item-inner {
  padding: 0rem !important;
  background-color: transparent;
}

page-thirdMainReport .content .contain .list-ios > .item-block:last-child {
  border-bottom: 1px solid var(--cp-color27);
}

page-thirdMainReport .content .contain .item-ios.item-block .item-inner {
  border-bottom: none;
  padding-right: 0;
}

page-thirdMainReport .content .contain p.content-left {
  font-weight: 500;
  font-size: 1.6rem;
}

page-thirdMainReport .content .contain p.content-left.have_sub {
  color: #ebc58d;
  text-decoration: underline;
}

page-thirdMainReport .content .contain p.content-rigth {
  text-align: right;
}

page-thirdMainReport .content .contain p.content-rigth span {
  font-size: 1.6rem;
  margin-right: 0.3rem;
}

page-thirdMainReport .content .contain p.content-rigth .profit {
  font-weight: normal;
}

page-thirdMainReport .content .contain p.content-rigth .profit.win {
  color: #e90000;
}

page-thirdMainReport .content .contain p.content-rigth .profit.lose {
  color: #0ec700;
}

page-thirdMainReport .content .contain .detail-box {
  text-align: center;
  padding: 0.8rem;
  color: #ffffff;
  width: 33%;
}

page-thirdMainReport .content .contain .detail-box .str {
  display: block;
  font-weight: bold;
  font-size: 1.3rem;
  margin-bottom: 0.4rem;
}

page-thirdMainReport .content .contain .detail-box .num {
  font-family: DINAlternate;
}

page-thirdMainReport .content .contain .detail-box .num.win {
  color: #e90000;
}

page-thirdMainReport .content .contain .detail-box .num.lose {
  color: #0ec700;
}

page-thirdMainReport .content .contain p.remind {
  font-size: 1.6rem;
  width: 83%;
  text-align: center;
  margin: 2rem auto;
  line-height: 2.3rem;
}

page-thirdMainReport .content .thirdGameName {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #444;
  margin-bottom: 0.5rem;
  padding: 1.5rem;
}

page-thirdMainReport .content .thirdGameName span {
  margin-right: 0.3rem;
}

page-thirdMainReport .content .item-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding: 1.6rem 1.4rem;
  border-bottom: 1px solid #eee;
  font-size: 1.6rem;
  font-weight: 500;
  color: #555;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  background: white;
}

page-thirdMainReport .content .item-text img {
  width: 2rem;
}

page-thirdMainReport .show-thirdgame .selector .container {
  max-height: 24rem;
}

page-thirdMainReport .show-thirdgame .selector .input-box {
  width: 95%;
  margin-left: 2.5%;
  margin-top: 1.5rem;
  border: 1px solid #eee;
}

page-thirdMainReport .show-thirdgame .selector .input-box .item-ios.item-block .item-inner {
  border: none;
  height: 5rem;
}

page-thirdMainReport .show-thirdgame .selector .input-box .item-ios.item-block .item-inner ion-label {
  font-size: 1.3rem;
  font-weight: 500;
  color: #444;
  width: auto;
  min-width: 60px;
  padding-left: 1.5rem;
}

page-thirdMainReport .show-thirdgame .selector .input-box .button-ios {
  width: 6rem;
  height: 3rem;
}

page-thirdMainReport .show-thirdgame .selector .input-box .button-ios .ion-ios-search:before {
  color: #666;
  width: 2.6rem;
}

page-thirdPartyNormalReport .filter {
  border-bottom: 0;
  background: #f5f5f5;
}

page-thirdPartyNormalReport .thirdGameName {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #444;
  margin-bottom: 0.5rem;
  padding: 1.5rem;
  border-bottom: 3px solid #f8f8f8 !important;
}

page-thirdPartyNormalReport .thirdGameName span {
  margin-right: 0.3rem;
}

page-thirdPartyNormalReport .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 30rem;
}

page-thirdPartyNormalReport .show-thirdgame .selector .container .sub_title {
  text-align: center;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  color: #ffffff;
  width: 100%;
  font-weight: bold;
}

page-thirdPartyNormalReport .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-thirdPartyNormalReport .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

page-thirdPartyNormalReport .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

page-thirdPartyNormalReport .show-thirdgame .selector .container .button-ios {
  width: 100%;
}

page-thirdPartyNormalReport .text-center {
  text-align: center;
}

page-thirdPartyNormalReport .report-list {
  padding-top: 0.5rem;
}

page-thirdPartyNormalReport .report-list-item {
  padding: 1rem 1.6rem;
  margin-bottom: 1rem;
  background-color: var(--cp-color153);
}

page-thirdPartyNormalReport .report-list-item .report-item {
  color: var(--cp-color143);
  padding: 0.4rem 0rem;
}

page-thirdPartyNormalReport .report-list-item .report-item .amount {
  text-align: center;
}

page-thirdPartyNormalReport .report-list-item .report-item .amount .label {
  color: #6d6688;
  margin-bottom: 0.4rem;
}

page-transferReport .record-container {
  height: 100%;
  background: var(--cp-color34);
}

page-transferReport .nouser {
  height: calc(100% - 8.4rem);
}

page-transferReport .search-bar {
  background: var(--cp-color142);
  padding: 0;
}

page-transferReport .search-bar .button {
  background: transparent;
}

page-transferReport .search-bar .button span {
  font-size: 1.6rem;
}

page-transferReport .search-bar .button ion-icon {
  font-size: 3rem;
}

page-transferReport .oprate-btn {
  padding: 2rem;
}

page-transferReport .oprate-btn button {
  width: 6.6rem;
  height: 3.2rem;
  border: 1px solid #6d6688;
  background: transparent;
  color: #fff;
  border-radius: 0.4rem;
  font-size: 1.2rem;
}

page-transferReport .label .data {
  text-align: right;
}

page-transferReport .t-h {
  height: 3.8rem;
  background: var(--cp-color151);
}

page-transferReport .t-h div {
  padding: 0 4rem;
  color: #fff;
  font-size: 1.4rem;
}

page-transferReport .row-box {
  padding: 0 1rem;
}

page-transferReport .row-box .item {
  padding: 1rem 2rem;
  border-bottom: 1px solid var(--cp-color150);
}

page-transferReport .row-box .item .text {
  color: var(--cp-color148);
  font-size: 1.3rem;
}

page-transferReport .row-box .item .sub {
  color: var(--cp-color149);
  font-size: 1.2rem;
}

page-transferReport .row-box .item .sub.text-success {
  color: #4bdc38 !important;
}

page-transferReport .row-box .item .sub.text-danger {
  color: #fe3d5d !important;
}

page-transferReport .row-box .item .sub.normal {
  color: #1fb8ff;
}

page-secounmenu .scroll-content {
  background: #1d1c22;
}

page-secounmenu .list {
  margin: 0;
}

page-secounmenu .list i.hasread {
  right: 3rem;
  top: 1rem;
}

page-secounmenu .list .label-ios {
  margin: 14px 8px 14px 0;
}

page-secounmenu .nav-title {
  font-size: 1.5rem;
  font-weight: 500;
  color: #fff;
  vertical-align: middle;
  padding: 0.5rem 0 0.5rem 1.6rem;
}

page-secounmenu .list-ios > .item-block:last-child {
  border-bottom: none;
}

page-secounmenu .item-ios {
  background-color: var(--cp-color57);
}

page-setting .setting-loading {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  top: 0rem;
  z-index: 10;
  background: rgba(0, 0, 0, 0.4);
}

page-setting .setting-loading .spinner {
  position: relative;
  top: 36%;
}

page-setting .setting-loading .spinner line {
  stroke: #fff;
}

page-setting .setting-list {
  padding: 0;
  margin: 0;
}

page-setting .setting-list ion-item ion-label {
  font-size: 1.6rem;
  font-family: Arial;
  font-weight: 500;
  color: #fff;
}

page-setting .setting-list .item-toggle {
  margin: 0;
  padding: 0.6rem 1rem;
  border-bottom: 1px solid var(--cp-color58);
}

page-setting .setting-list .item-toggle .item-inner {
  border: none;
}

page-setting .setting-list .item-toggle.toggle-last {
  margin-bottom: 1.6rem;
}

page-setting .setting-list .item-push {
  padding: 0.6rem 1rem;
  margin-bottom: 1.6rem;
}

page-setting .btn-exit {
  background: var(--cp-color57);
  color: #ffffff;
  font-weight: bold;
  font-size: 1.6rem;
}

page-setting .btn-exit.activated {
  background-color: #ffebd4 !important;
  opacity: 1;
}

page-setting .tips-version {
  text-align: center;
  font-size: 1.4rem;
  color: #666;
  line-height: 3.6rem;
}

page-setting .btn-refresh:hover:not(.disable-hover) {
  color: #fff;
}

page-setting .list-domain {
  color: #383b43;
}

page-setting .list-domain .domain-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 1.6rem;
}

page-setting .list-domain .domain-item .status.normal {
  color: #f6905f;
}

page-setting .list-domain .domain-item .status.fast {
  color: #15c241;
}

page-setting .list-domain .domain-item .status.slow {
  color: #ff3333;
}

page-setting .item-ios {
  background-color: var(--cp-color57);
}

page-activity .activity-container {
  position: relative;
}

page-activity .platform-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  white-space: nowrap;
  background: #1d1c22;
}

page-activity .platform-nav::-webkit-scrollbar {
  height: 0;
}

page-activity .platform-nav .nav-item {
  padding: .8rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
}

page-activity .platform-nav .nav-item.active:after {
  content: '';
  position: absolute;
  bottom: -.1rem;
  height: .3rem;
  left: .4rem;
  right: .4rem;
  border-radius: 1px;
  background: #ddc57f;
}

page-activity .column-nav {
  overflow: hidden;
  padding-right: 1rem;
  padding-top: 1rem;
}

page-activity .column-nav .nav-area {
  padding: 0 1rem 0 0;
  float: left;
  width: 8.4rem;
}

page-activity .column-nav .nav-area button {
  width: 7.4rem;
  height: 2.9rem;
  margin: 0 0 1.15rem;
  background: var(--cp-color275);
  white-space: nowrap;
  font-size: 1.3rem;
}

page-activity .column-nav .nav-area button.active {
  background: -webkit-gradient(linear, left bottom, left top, from(#c16832), to(#e6ac57));
  background: linear-gradient(to top, #c16832, #e6ac57);
}

page-activity .column-nav .nav-area button.platform-btn {
  height: 4.8rem;
}

page-activity .column-nav .nav-area .get-btn {
  background: #ca3ca8;
  color: #fff;
}

page-activity .column-nav .nav-area .reward-btn {
  background: transparent;
  border: 0;
  opacity: 1 !important;
  height: 3rem;
  color: #ffe404;
  white-space: nowrap;
  overflow: visible;
  margin-bottom: 0;
}

page-activity .column-nav .nav-area .reward-btn.reward-text {
  color: #fff;
  height: 1.4rem;
}

page-activity .column-nav .nav-area .record-btn {
  background: #4f4668;
  color: #fff;
}

page-activity .column-nav .column-main {
  float: left;
  width: calc(100% - 8.4rem);
  border-radius: .4rem;
}

page-activity .column-nav .column-main .nouser,
page-activity .column-nav .column-main .data-empty {
  height: auto;
}

page-activity .scroll-content {
  padding: 1rem;
}

page-activity .empty {
  padding: 10rem;
  text-align: center;
  color: #999;
}

page-activity .empty img {
  display: block;
}

page-activity .activity-default {
  position: absolute;
  left: 0rem;
  right: 0rem;
  text-align: left;
  overflow: hidden;
  padding: 2.4rem 1.6rem 2.4rem 3.6rem;
  background-image: url(../assets/images/activity/bg-default.png);
  background-repeat: no-repeat;
  background-position: 90%;
  background-size: 24%;
  border-radius: 0.8rem;
  z-index: -1;
}

page-activity .activity-default .title-wrap {
  padding: 0rem;
  margin: 0rem;
  color: #e0e0e0;
}

page-activity .activity-default .title-wrap .title {
  font-size: 1.6rem;
  margin-bottom: 0.6rem;
}

page-activity .activity-default .title-wrap .remark {
  font-size: 1.2rem;
}

page-activity .activity-list {
  position: relative;
}

page-activity .activity-item {
  position: relative;
  border-radius: 0.8rem;
  margin-top: 0.8rem;
  background: var(--cp-color156);
  margin-bottom: 1.3rem;
  min-height: 9.4rem;
}

page-activity .activity-item .tip {
  position: absolute;
  top: 0;
  width: 5rem;
  left: -0.4rem;
  z-index: 1;
}

page-activity .activity-item .LOTTERY-item {
  background: url(./../../assets/images/activity/icon-cp.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .LIVE_CASINO-item {
  background: url(./../../assets/images/activity/icon-zr.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .CHESS-item {
  background: url(./../../assets/images/activity/icon-qp.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .SPORTS-item {
  background: url(./../../assets/images/activity/icon-ty.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .FISHING-item {
  background: url(./../../assets/images/activity/icon-by.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .SLOTS_GAME-item {
  background: url(./../../assets/images/activity/icon-dz.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .ALL-item {
  background: url(./../../assets/images/activity/icon-all.png) no-repeat;
  background-size: cover;
}

page-activity .activity-item .activity-img {
  position: relative;
  border-radius: 0.8rem;
  min-height: 10rem;
}

page-activity .activity-item .activity-bg {
  position: relative;
  width: 100%;
  border-radius: 0.8rem;
}

page-activity .activity-item .activity-body {
  overflow: hidden;
  height: 0rem;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
  background: var(--cp-color156);
  margin-top: -2rem;
}

page-activity .activity-item .activity-body.actived {
  height: auto;
}

page-activity .activity-item .activity-body .activity-box {
  padding: 1.5rem 1rem 1rem 1rem;
}

page-activity .activity-item .activity-body .title-bg {
  width: 100%;
  display: block;
  margin: 1.5rem 0;
}

page-activity .activity-item .activity-body .activity-mark {
  display: block;
  overflow: hidden;
}

page-activity .activity-item .activity-body .activity-mark .label {
  color: #e9c07a;
}

page-activity .activity-item .activity-body .activity-mark.description-text .label {
  display: block;
  height: 100%;
  float: left;
  color: #e9c07a;
}

page-activity .activity-item .activity-body .activity-mark.description-text .right-description {
  display: block;
  float: left;
  width: 76%;
  padding-left: .5rem;
}

page-activity .activity-item .activity-body .activity-mark span {
  font-size: 1.3rem;
  color: #d4d2e7;
  display: inline;
}

page-activity .activity-item .activity-body .activity-mark .label {
  font-weight: 700;
}

page-activity .activity-item .activity-body .activity-table {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  overflow: hidden;
  margin: 1rem 0;
}

page-activity .activity-item .activity-body .activity-table table {
  width: 100%;
}

page-activity .activity-item .activity-body .activity-table.second_table {
  margin-top: 2rem;
}

page-activity .activity-item .activity-body .activity-table tr.activity-header {
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  background: #524576;
}

page-activity .activity-item .activity-body .activity-table tr.activity-header th {
  color: #fff;
  font-size: 1.4rem;
  height: 5rem;
  border-right: 0.5px solid #61588b;
}

page-activity .activity-item .activity-body .activity-table tr.activity-header th:last-of-type {
  border-right: 0;
}

page-activity .activity-item .activity-body .activity-table tr.activity-body td {
  background-color: #393146;
  height: 5rem;
  color: #fff;
  text-align: center;
  border-right: 0.5px solid #443f5f;
  border-bottom: 0.5px solid #443f5f;
  font-family: DINAlternate;
}

page-activity .activity-item .activity-body .activity-table tr.activity-body td:last-of-type {
  border-right: 0;
}

page-activity .activity-item .activity-body .rule-item {
  font-size: 1.3rem;
  color: #a19daa;
  margin-bottom: 1rem;
  margin-top: 0.6rem;
}

page-activity-detail .activity-item {
  position: relative;
  border-radius: 0.8rem;
  margin-top: 0.8rem;
}

page-activity-detail .activity-item .tip {
  position: absolute;
  top: 0;
  width: 5rem;
  left: -0.4rem;
  z-index: 1;
}

page-activity-detail .activity-item .activity-bg {
  position: relative;
  width: 100%;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 5px 10px 0 rgba(108, 123, 168, 0.2);
  box-shadow: 0 5px 10px 0 rgba(108, 123, 168, 0.2);
}

page-activity-detail .activity-item .activity-body {
  margin-top: 0.4rem;
  border-radius: 8px;
  overflow: hidden;
  height: 0rem;
  -webkit-transition: all 1s ease-in;
  transition: all 1s ease-in;
}

page-activity-detail .activity-item .activity-body.actived {
  height: auto;
}

page-activity-detail .activity-item .activity-body .activity-box {
  padding: 1rem;
}

page-activity-detail .activity-item .activity-body .title {
  color: #f6cf8a;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}

page-activity-detail .activity-item .activity-body .desc {
  color: #e9c07a;
  font-size: 1.3rem;
  margin: 1rem 0 0.8rem;
}

page-activity-detail .activity-item .activity-body .title-bg {
  width: 100%;
  display: block;
}

page-activity-detail .activity-item .activity-body .activity-mark {
  display: block;
  overflow: hidden;
}

page-activity-detail .activity-item .activity-body .activity-mark.description-text .label {
  display: inline-block;
  height: 100%;
  float: left;
}

page-activity-detail .activity-item .activity-body .activity-mark.description-text .right-description {
  display: inline-block;
  float: left;
  width: 76%;
}

page-activity-detail .activity-item .activity-body .activity-mark span {
  font-size: 1.3rem;
  color: var(--cp-color238);
  display: inline;
}

page-activity-detail .activity-item .activity-body .activity-mark .label {
  font-weight: 700;
}

page-activity-detail .activity-item .activity-body .activity-table {
  overflow: hidden;
  margin: 1rem 0;
}

page-activity-detail .activity-item .activity-body .activity-table table {
  width: 100%;
}

page-activity-detail .activity-item .activity-body .activity-table.second_table {
  margin-top: 2rem;
}

page-activity-detail .activity-item .activity-body .activity-table tr.activity-header {
  background: #24212e;
}

page-activity-detail .activity-item .activity-body .activity-table tr.activity-header th {
  color: #fff;
  font-size: 1.4rem;
  height: 5rem;
}

page-activity-detail .activity-item .activity-body .activity-table tr.activity-header th:last-of-type {
  border-right: 0;
}

page-activity-detail .activity-item .activity-body .activity-table tr.activity-body td {
  background-color: #1b1921;
  height: 5rem;
  color: #fff;
  text-align: center;
  border-right: 0.5px solid #2a2833;
  border-bottom: 0.5px solid #2a2833;
  font-family: DINAlternate;
}

page-activity-detail .activity-item .activity-body .activity-table tr.activity-body td:last-of-type {
  border-right: 0;
}

page-activity-detail .activity-item .activity-body .rule-item {
  font-size: 1.3rem;
  color: var(--cp-color238);
  margin-bottom: 1rem;
  margin-top: 0.6rem;
}

page-activity-reward-record .filter-select-box {
  width: 100%;
}

page-activity-reward-record .filter-select {
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
}

page-activity-reward-record .filter-select.person-select {
  width: auto;
  padding: 1rem .6rem 0;
}

page-activity-reward-record .filter-select.person-select .sort-select {
  margin-right: 2rem;
  width: 12rem;
}

page-activity-reward-record .filter-select.person-select .sort-select .sort-text {
  width: 9rem;
}

page-activity-reward-record .filter-select .sort-select {
  color: var(--cp-color143);
  margin-right: 2rem;
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
}

page-activity-reward-record .filter-select .sort-select .sort-text {
  display: block;
  width: 9rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-activity-reward-record .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 30rem;
}

page-activity-reward-record .show-thirdgame .selector .container .sub_title {
  width: 100%;
  color: #ffffff;
  text-align: center;
  padding: 0.5rem 0;
  font-size: 1.2rem;
  font-weight: bold;
}

page-activity-reward-record .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

page-activity-reward-record .show-thirdgame .selector .container .button_box:nth-child(1n) {
  padding-right: 0.5rem;
}

page-activity-reward-record .show-thirdgame .selector .container .button_box:nth-child(2n) {
  padding-left: 0.5rem;
}

page-activity-reward-record .show-thirdgame .selector .container .button-ios {
  width: 100%;
}

page-activity-reward-record .return-table .col {
  color: var(--cp-color148);
  font-size: 1.2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-activity-reward-record .return-table .table-header {
  height: 3.6rem;
  background: #111014;
}

page-activity-reward-record .return-table .table-row {
  height: 4.2rem;
  background: #24222c;
}

page-activity-reward-record .return-table .table-row:nth-child(2n) {
  background: #27242f;
}

page-activity-reward-record .return-table .table-row .col {
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  border-right: 1px solid rgba(213, 205, 237, 0.1);
}

page-activity-reward-record .return-table .table-row .col:last-of-type {
  border-right: 0;
}

page-activity-reward-record .return-table .table-row .level {
  color: #daa967;
}

page-activity-reward-record .return-table .table-row .rate {
  color: #ff864b;
}

page-browser {
  /*.scroll-content {
    overflow: hidden;
  }*/
}

page-browser ion-content.browser-content .scroll-content {
  overflow: hidden;
}

page-browser ion-content.browser-content.browser-content-fullscreen .fixed-content,
page-browser ion-content.browser-content.browser-content-fullscreen .scroll-content {
  top: 0 !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

page-browser ion-header.browser-header-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10001;
}

page-browser ion-header.browser-header-fullscreen .toolbar-background {
  background: none !important;
  border: none !important;
}

page-browser ion-header.browser-header-fullscreen .toolbar {
  min-height: 0;
  padding: 0;
}

page-browser ion-header .back-button-icon-ios {
  font-size: 2.4rem;
}

page-browser ion-header button {
  padding: 0 .4rem !important;
}

page-browser ion-header img {
  height: 3rem;
}

page-browser ion-header .img-logo {
  height: 3rem;
  margin-top: .4rem;
}

page-browser ion-header .back-btn {
  font-size: 1.6rem;
  text-decoration: underline;
}

page-browser .bar-button-ios[icon-only] ion-icon {
  font-size: 3rem;
}

page-browser .browser-shell {
  position: relative;
  width: 100%;
  height: 100%;
  background: #fff;
  overflow: hidden;
}

page-browser .browser-shell-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10000;
}

page-browser .progress {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0.2rem;
  background: #f5f5f5;
  z-index: 200;
}

page-browser .progress .progress-inner {
  width: 0;
  background: #77b6ff;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  -webkit-box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
  box-shadow: 0 0 10px rgba(119, 182, 255, 0.7);
  -webkit-transition: width 0.4s ease;
  transition: width 0.4s ease;
}

page-browser .iframe-wrapper {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: scroll;
  position: relative;
}

page-browser .iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  overflow: auto;
  border: none;
}

page-browser .floating-exit-btn {
  width: 4.2rem !important;
  min-width: 4.2rem;
  height: 4.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  border: none;
  border-radius: 50%;
  background: rgba(17, 24, 39, 0.82);
  -webkit-box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.28), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.22);
  box-shadow: 0 1.2rem 2.8rem rgba(0, 0, 0, 0.28), 0 0.2rem 0.8rem rgba(0, 0, 0, 0.22);
  padding: 0;
  pointer-events: auto;
  margin: 0 !important;
}

page-browser .floating-exit-btn img {
  height: 2rem;
  pointer-events: none;
}

.popover-ios .popover-content {
  border-radius: 4px;
}

change-password .forget-pwd .scroll-content {
  /** 解决ios被遮住无法点击的问题 */
  padding-top: env(safe-area-inset-top) !important;
}

change-password .content {
  text-align: center;
  padding-top: 10rem;
}

change-password .content .content-title {
  margin-bottom: 6rem;
}

change-password .content .content-title h2 {
  font-size: 2rem;
  font-weight: 500;
  margin-bottom: 0.6rem;
}

change-password .content .content-title p {
  font-size: 1.4rem;
}

change-password .content .prompt-text {
  color: #ff5252;
  text-align: center;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

change-password .content .item-ios.item-block {
  background-color: transparent;
  width: 80%;
  margin: 0 auto 1rem;
}

change-password .content .item-ios.item-block .item-inner {
  border-bottom: 1px solid #9f9f9f;
}

change-password .content .item-ios.item-block .item-inner .text-input {
  font-size: 1.6rem;
  font-weight: 500;
  color: #333;
  padding-left: 0.6rem;
}

change-password .content .input-box-old {
  width: 90%;
  border-bottom: 1px solid #413a51;
  margin: 0 auto;
}

change-password .content .old-input {
  font-size: 1.6rem;
  font-weight: 500;
  color: white;
}

change-password .content .next-btn {
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
  width: 94%;
  margin: 3rem 0rem 1.6rem;
  font-size: 1.6rem;
  height: 4rem;
}

change-password .content .next-btn .button-inner {
  font-size: 1.6rem;
}

new-password .header {
  height: 5rem;
  width: 100%;
  background: var(--cp-color27) !important;
  position: relative;
}

new-password .header h4 {
  color: #fff;
  text-align: center;
  margin: 0;
  line-height: 5rem;
}

new-password .header .cancel {
  position: absolute;
  color: #fff;
  font-size: 1.6rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  left: 1rem;
}

new-password .new-password-content {
  padding: 0 1.5rem;
  margin-top: 4rem;
}

new-password .new-password-content .new-password P {
  color: #686868;
}

new-password .new-password-content .new-password .psd {
  position: relative;
}

new-password .new-password-content .new-password .user-img {
  position: absolute;
  left: 1rem;
  width: 2rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

new-password .new-password-content .new-password .error-text {
  color: #cf3333;
}

new-password .new-password-content .new-password .text-input {
  border: 1px solid #eee;
  height: 4rem;
  border-radius: 0.4rem;
  padding-left: 1rem;
}

new-password .new-password-content .new-password .old-input {
  border: 1px solid #5c5867;
  height: 4rem;
  border-radius: 0.4rem;
  padding-left: 4rem;
  margin: 1rem auto;
}

new-password .new-password-content .new-password .old-input::-webkit-input-placeholder {
  color: #949494;
}

new-password .new-password-content .new-password .old-input::-moz-placeholder {
  color: #949494;
}

new-password .new-password-content .new-password .old-input::-ms-input-placeholder {
  color: #949494;
}

new-password .new-password-content .new-password .old-input::placeholder {
  color: #949494;
}

new-password .determine-btn {
  width: 100%;
  height: 5rem;
  background: -webkit-gradient(linear, left top, right top, from(#e6ac57), to(#c16832));
  background: linear-gradient(90deg, #e6ac57, #c16832);
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  border-radius: 0.4rem;
  margin-top: 3rem;
}

new-password .item-box {
  position: relative;
  margin-bottom: 2rem;
}

new-password .item-box .btn-eye {
  position: absolute;
  right: 10px;
  top: 9px;
  color: #999;
  margin: 0rem;
  padding: 0rem;
  font-size: 2rem;
}

new-password .item-box .avater {
  width: 2rem;
  margin-left: 1.3rem;
  margin-right: 1rem;
}

new-password .item-box .form-block {
  background: transparent;
  margin-bottom: 0.8rem;
  border-radius: .4rem;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
  height: 4.4rem;
  border: 1px solid #5c5867;
}

new-password .item-box .form-block .form-input {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: DINAlternate;
}

new-password .item-box .form-block .form-input .text-input {
  margin: 0;
}

new-password .item-box .form-block .form-input .text-input::-webkit-input-placeholder {
  color: #949494;
}

new-password .item-box .form-block .form-input .text-input::-moz-placeholder {
  color: #949494;
}

new-password .item-box .form-block .form-input .text-input::-ms-input-placeholder {
  color: #949494;
}

new-password .item-box .form-block .form-input .text-input::placeholder {
  color: #949494;
}

new-password .item-box .form-block .item-inner {
  border: none;
}

new-password .item-box .form-block ion-icon {
  min-height: 2rem;
  font-size: 3rem;
  margin: 8px 8px 8px 0px;
}

new-password .item-box .form-block.verify, new-password .item-box .form-block.remeber {
  background: transparent;
}

new-password .item-box .form-block.remeber {
  margin-bottom: 1rem;
}

new-password .item-box .form-block .forget {
  color: #fff;
}

new-password .item-box .form-block .checkbox-ios {
  margin-right: 8px;
}

new-password .item-box .form-block .checkbox-icon {
  height: 16px;
  width: 16px;
  border-color: #fff;
  background: transparent;
}

new-password .item-box .form-block .checkbox-checked {
  border-color: #fff;
  background-color: #fff;
}

new-password .item-box .form-block .checkbox-checked .checkbox-inner {
  left: 5px;
  top: 2px;
  border-color: rgba(0, 0, 0, 0.7);
}

chat-room .btn-create {
  color: #fff;
  font-size: 1.4rem;
}

chat-room .btn-create ion-icon {
  font-size: 3rem;
}

chat-room .btn-create ion-icon:before {
  font-weight: bold;
}

chat-room ion-header.header {
  border-bottom: none;
}

chat-room ion-header.header .toolbar {
  min-height: 4.6rem;
}

chat-room ion-header.header .toolbar-background {
  background-image: -webkit-gradient(linear, left top, right top, from(#363242), to(#4e4664)) !important;
  background-image: linear-gradient(to right, #363242, #4e4664) !important;
}

chat-room ion-content.content.content-ios {
  background-color: #fff !important;
  color: #000;
}

chat-room ion-content.content.content-ios .scroll-content {
  background-color: #fff !important;
}

chat-room .footer {
  height: 7rem;
  background-color: #f2eff8;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
}

chat-room .footer .icon-box {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #685f6b;
  font-size: 1.2rem;
  line-height: 2.2rem;
}

chat-room .footer .icon-box .tab-icon {
  position: relative;
  width: 2.8rem;
  height: 2.8rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

chat-room .footer .icon-box .tab-icon.icon-chat {
  background-image: url("../../assets/images/chat/tab_chat.png");
}

chat-room .footer .icon-box .tab-icon.icon-chat.actived {
  background-image: url("../../assets/images/chat/tab_chat_actived.png");
}

chat-room .footer .icon-box .tab-icon.icon-contact {
  background-image: url("../../assets/images/chat/tab_contact.png");
}

chat-room .footer .icon-box .tab-icon.icon-contact.actived {
  background-image: url("../../assets/images/chat/tab_contact_actived.png");
}

chat-room .footer .icon-box .tab-icon.icon-group {
  background-image: url("../../assets/images/chat/tab_group.png");
}

chat-room .footer .icon-box .tab-icon.icon-group.actived {
  background-image: url("../../assets/images/chat/tab_group_actived.png");
}

chat-room .footer .icon-box .tab-icon .unread {
  position: absolute;
  top: -15%;
  right: -40%;
  width: 2.3rem;
  height: 2.3rem;
  background-color: #f3533b;
  border-radius: 50%;
  font-size: 1.3rem;
  line-height: 2.3rem;
  font-style: normal;
  text-align: center;
  color: #fff;
}

chat-room .footer .active {
  color: #9678ef;
}

chat-form {
  /* 首页蒙层--活动弹窗*/
}

chat-form .btn-edit-group {
  color: #333;
  font-size: 2.4rem;
}

chat-form .operate_open .scroll-content {
  margin-bottom: 16.8rem !important;
}

chat-form ion-header.header .toolbar {
  min-height: 4.6rem;
}

chat-form ion-header.header .toolbar-background {
  background-color: #f2eff8 !important;
}

chat-form ion-header.header .toolbar-title,
chat-form ion-header.header .bar-button-default-ios {
  color: #000;
}

chat-form ion-content.content {
  background: #ffffff !important;
  color: #000 !important;
}

chat-form .scroll-content.operate_open {
  margin-bottom: 16.8rem;
}

chat-form .footer_list {
  margin: 0;
}

chat-form .chat-wrapper {
  padding: 0.6rem 0;
}

chat-form .chat-wrapper .message-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 0.8rem 1rem;
}

chat-form .chat-wrapper .message-box .avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.2rem;
  -ms-flex: 0 0 4.2rem;
  flex: 0 0 4.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-right: 0.6rem;
  width: 4.2rem;
  height: 4.2rem;
  background-color: #ed8946;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 4.2rem;
  text-align: center;
  color: #fff;
}

chat-form .chat-wrapper .message-box .avatar img {
  display: block;
  width: 85%;
  height: auto;
}

chat-form .chat-wrapper .message-box .chat-content {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  width: calc(100% - 7.6rem);
}

chat-form .chat-wrapper .message-box .chat-content .from-name {
  padding-bottom: 0.4rem;
  font-size: 1.2rem;
  line-height: 1.6rem;
  color: #fff;
}

chat-form .chat-wrapper .message-box .chat-content .message {
  position: relative;
  display: inline-block;
  background: #f0f2f7;
  min-width: 5rem;
  border-radius: 2rem;
  padding: 1rem 1rem;
  min-height: 4rem;
  font-size: 1.6rem;
  line-height: 2.2rem;
  color: #333;
  white-space: pre-line;
  word-break: break-all;
  word-wrap: break-word;
}

chat-form .chat-wrapper .message-box .chat-content .message, chat-form .chat-wrapper .message-box .chat-content .message p {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

chat-form .chat-wrapper .message-box .chat-content .message .red {
  color: red;
}

chat-form .chat-wrapper .message-box .chat-content .message .face {
  vertical-align: bottom;
}

chat-form .chat-wrapper .message-box .chat-content .message.arrow-left::before {
  display: none;
  position: absolute;
  content: " ";
  top: 1.1rem;
  left: -0.6rem;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #fff;
}

chat-form .chat-wrapper .message-box .chat-content .message.arrow-right::after {
  display: none;
  position: absolute;
  content: " ";
  top: 1.1rem;
  right: -0.6rem;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .message.arrow-right-bag::after {
  position: absolute;
  content: " ";
  top: 1.1rem;
  right: -0.6rem;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .message.open-arrow-right-bag::after {
  position: absolute;
  content: " ";
  top: 1.1rem;
  right: -0.6rem;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .message.arrow-left-bag::before {
  position: absolute;
  content: " ";
  top: 0.8rem;
  left: -0.6rem;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .message.open-arrow-left-bag::before {
  position: absolute;
  content: " ";
  top: 0.8rem;
  left: -0.6rem;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .no-padding-bag {
  background: none;
  padding: 0;
}

chat-form .chat-wrapper .message-box .chat-content .time {
  font-size: 1.2rem;
  padding-top: 0.4rem;
  color: #999;
}

chat-form .chat-wrapper .message-box .chat-content .redbag-open {
  width: 22rem;
  height: 8.5rem;
  background: url(../assets/images/chat/hongbao2.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
}

chat-form .chat-wrapper .message-box .chat-content .redbag-open .redbag-open-text {
  padding-top: 1.5rem;
}

chat-form .chat-wrapper .message-box .chat-content .redbag-open .redbag-open-text p {
  width: 96%;
  color: #ffffff;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 22%;
  font-weight: 500;
}

chat-form .chat-wrapper .message-box .chat-content .redbag-open .redbag-open-text .colsed {
  text-align: left;
  padding-left: 5rem;
  font-size: 1.2rem;
}

chat-form .chat-wrapper .message-box .chat-content .redbag-open span {
  position: absolute;
  bottom: 0.4rem;
  left: 0.3rem;
  font-size: 1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  font-weight: 500;
  color: #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .redbag {
  width: 22rem;
  height: 8.5rem;
  background: url(../assets/images/chat/hongbao.png) no-repeat;
  background-size: 100% 100%;
  position: relative;
  color: #ffffff;
}

chat-form .chat-wrapper .message-box .chat-content .redbag p {
  line-height: 7rem;
  width: 96%;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  padding-left: 22%;
  font-weight: 500;
}

chat-form .chat-wrapper .message-box .chat-content .redbag span {
  position: absolute;
  bottom: 0.4rem;
  left: 0.3rem;
  font-size: 1rem;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  font-weight: 500;
}

chat-form .chat-wrapper .message-box.group .avatar {
  margin-top: 2rem;
}

chat-form .chat-wrapper .message-box.mine {
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

chat-form .chat-wrapper .message-box.mine .avatar {
  margin-right: 0;
  margin-left: 0.6rem;
  background-color: #cb67ff;
}

chat-form .chat-wrapper .message-box.mine .chat-content {
  padding-left: 0;
  text-align: right;
}

chat-form .chat-wrapper .message-box.mine .chat-content .message {
  background: #453e5a;
  text-align: left;
  color: #fff;
  white-space: pre-line;
}

chat-form .chat-wrapper .message-box.mine .chat-content .no-padding-bag {
  background: none;
  padding: 0;
}

chat-form .chat-wrapper .message-box.mine .chat-content .time {
  text-align: right;
}

chat-form .chat-wrapper .message-box.system {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0rem;
}

chat-form .chat-wrapper .message-box.system .chat-content {
  padding: 0rem;
}

chat-form .chat-wrapper .message-box.system .chat-content .message {
  display: block;
  text-align: center;
  padding: 0.4rem 1rem;
  color: #999;
  font-size: 1.2rem;
  background: transparent;
}

chat-form .chat-wrapper .message-box.time-frame {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.2rem;
  color: #a59ac1;
}

chat-form .form-footer {
  padding-left: 1rem;
}

chat-form .form-footer.item-input-has-focus .label-ios[floating],
chat-form .form-footer.input-has-focus .label-ios[floating],
chat-form .form-footer.item-input-has-value .label-ios[floating],
chat-form .form-footer.input-has-value .label-ios[floating] {
  -webkit-transform: translate3d(0, 0, 0) scale(0.8);
  transform: translate3d(0, 0, 0) scale(0.8);
}

chat-form .form-footer .more-btn {
  font-size: 2.5rem;
}

chat-form .form-footer .more-btn:before {
  font-weight: 700;
  color: #999;
}

chat-form .form-footer .footer-lable {
  pointer-events: all;
}

chat-form .form-footer .send_input {
  background: #f5f5f5;
  padding: 0 0.4rem;
}

chat-form .form-footer .label-ios[floating] {
  -webkit-transform: translate3d(0, 12px, 0);
  transform: translate3d(0, 12px, 0);
}

chat-form .form-footer .footer-btn {
  height: 3.2rem;
}

chat-form .form-footer .footer-btn .icon-happy,
chat-form .form-footer .footer-btn .icon-send {
  font-size: 2.8rem;
}

chat-form .form-footer .ion-ios-add-circle:before {
  font-size: 3rem;
}

chat-form .bottom_operate {
  border-top: 0.5px solid #eee;
  background: #fff;
  padding: 1rem 0.5rem 2rem 0.5rem;
}

chat-form .bottom_operate .row .col div {
  width: 6rem;
  height: 6rem;
  border-radius: 1.5rem;
  background: #f5f5f5;
}

chat-form .bottom_operate .row .col div img {
  width: 2rem;
}

chat-form .bottom_operate .row .col p {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  text-align: center;
  margin-top: 0.6rem;
}

chat-form .footer-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  height: 13rem;
  background: #fff;
}

chat-form .footer-box .item.item-block .item-inner {
  padding: 0rem;
  border-bottom: none;
}

chat-form .footer-box:before {
  position: absolute;
  left: 1.2rem;
  right: 1.2rem;
  top: 0;
  z-index: 10;
  content: " ";
  border-top: 1px solid #e2e0e9;
}

chat-form .footer-box .send_input {
  padding: 0.6rem 7.2rem 0.6rem 1.4rem;
  width: 100%;
  height: 100%;
  border-radius: 0;
  color: #000;
}

chat-form .footer-box .send_input .text-input {
  display: block;
  margin: 0;
  padding-bottom: 4.2rem;
  width: 100%;
  height: 100%;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

chat-form .footer-box .send_input .text-input::-webkit-input-placeholder {
  color: #a195b3;
}

chat-form .footer-box .send_input .text-input::-moz-placeholder {
  color: #a195b3;
}

chat-form .footer-box .send_input .text-input::-ms-input-placeholder {
  color: #a195b3;
}

chat-form .footer-box .send_input .text-input::placeholder {
  color: #a195b3;
}

chat-form .footer-box .btn-send,
chat-form .footer-box .btn-face {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: absolute;
  z-index: 10;
  margin: 0;
  padding: 0;
  border-radius: 50%;
  overflow: hidden;
}

chat-form .footer-box .btn-send .icon,
chat-form .footer-box .btn-face .icon {
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

chat-form .footer-box .btn-send .icon-send,
chat-form .footer-box .btn-face .icon-send {
  margin-right: -0.4rem;
  width: 2.5rem;
  height: 2.3rem;
  background-image: url("../../../assets/images/chat/icon_send.png");
}

chat-form .footer-box .btn-send .icon-face,
chat-form .footer-box .btn-face .icon-face {
  width: 2.6rem;
  height: 2.6rem;
  background-image: url("../../../assets/images/chat/icon_face.png");
}

chat-form .footer-box .btn-send {
  right: 1rem;
  bottom: 3rem;
  width: 6rem;
  height: 6rem;
  background-image: -webkit-gradient(linear, left top, right top, from(#2c2738), to(#4e4959));
  background-image: linear-gradient(to right, #2c2738, #4e4959);
}

chat-form .footer-box .btn-face {
  left: 2rem;
  bottom: 1.8rem;
  width: 2.6rem;
  height: 2.6rem;
  background-color: #fff;
}

chat-form .bottom-operate-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  border-top: 1px solid #eee;
}

chat-form .bottom-operate-box .redbag {
  padding: 1rem 2rem;
}

chat-form .bottom-operate-box .redbag div {
  width: 6rem;
  height: 6rem;
  border-radius: 1.5rem;
  background: #f5f5f5;
}

chat-form .bottom-operate-box .redbag div img {
  width: 2rem;
}

chat-form .bottom-operate-box .redbag p {
  font-size: 12px;
  font-weight: 500;
  color: #666666;
  text-align: center;
  margin-top: 0.6rem;
}

chat-form ion-footer .toolbar-ios {
  padding: 0;
}

chat-form .has-new {
  color: #ffffff;
  background-color: #a195b3;
  padding: 0.4rem 0rem;
  text-align: center;
}

chat-form .first-login-mark {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  height: 100%;
  z-index: 15;
  display: block;
}

chat-form .first-login-mark .main {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
}

chat-form .first-login-mark .main .red-bag-new {
  width: 80%;
  height: 58%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url(../assets/images/chat/hb-big-new.png);
  background-size: 100% 100%;
  color: #ffffff;
  margin: 20% auto 4rem auto;
}

chat-form .first-login-mark .main .red-bag-new .send-h1 {
  color: #ffe2b1;
  font-weight: bold;
  font-size: 2rem;
  margin-top: 1rem;
  width: 93%;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: auto;
  overflow: scroll;
  max-height: 13rem;
}

chat-form .first-login-mark .main .red-bag-new .send-h3 {
  color: #ffe2b1;
  font-weight: bold;
  font-size: 1.8rem;
  margin-top: 40%;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

chat-form .first-login-mark .main .red-bag-over {
  width: 80%;
  height: 58%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url(../assets/images/chat/hb-big-old.png);
  background-size: 100% 100%;
  color: #ffffff;
  margin: 20% auto 4rem auto;
  position: relative;
}

chat-form .first-login-mark .main .red-bag-over p {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 1rem;
  color: #ffe2b1;
}

chat-form .first-login-mark .main .red-bag-over p.over {
  font-size: 2.5rem;
  font-weight: 500;
}

chat-form .first-login-mark .main .red-bag-over p.look {
  position: absolute;
  bottom: 2rem;
  font-size: 1.6rem;
  font-weight: bold;
}

chat-form .first-login-mark .main .close-img {
  width: 100%;
  text-align: center;
}

chat-form .first-login-mark .main .close-img img {
  width: 4rem;
}

.face {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 0;
  cursor: pointer;
}

.face i.face_icon {
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  background: url("../../assets/images/chat/faces.png") no-repeat;
  background-size: 434px 202px;
  font-size: 0;
  text-indent: -999em;
}

.face i.face_icon.face_0 {
  background-position: 0px 0px;
}

.face i.face_icon.face_1 {
  background-position: -29px 0px;
}

.face i.face_icon.face_2 {
  background-position: -58px 0px;
}

.face i.face_icon.face_3 {
  background-position: -87px 0px;
}

.face i.face_icon.face_4 {
  background-position: -116px 0px;
}

.face i.face_icon.face_5 {
  background-position: -145px 0px;
}

.face i.face_icon.face_6 {
  background-position: -174px 0px;
}

.face i.face_icon.face_7 {
  background-position: -203px 0px;
}

.face i.face_icon.face_8 {
  background-position: -232px 0px;
}

.face i.face_icon.face_9 {
  background-position: -261px 0px;
}

.face i.face_icon.face_10 {
  background-position: -290px 0px;
}

.face i.face_icon.face_11 {
  background-position: -319px 0px;
}

.face i.face_icon.face_12 {
  background-position: -348px 0px;
}

.face i.face_icon.face_13 {
  background-position: -377px 0px;
}

.face i.face_icon.face_14 {
  background-position: -406px 0px;
}

.face i.face_icon.face_15 {
  background-position: 0px -29px;
}

.face i.face_icon.face_16 {
  background-position: -29px -29px;
}

.face i.face_icon.face_17 {
  background-position: -58px -29px;
}

.face i.face_icon.face_18 {
  background-position: -87px -29px;
}

.face i.face_icon.face_19 {
  background-position: -116px -29px;
}

.face i.face_icon.face_20 {
  background-position: -145px -29px;
}

.face i.face_icon.face_21 {
  background-position: -174px -29px;
}

.face i.face_icon.face_22 {
  background-position: -203px -29px;
}

.face i.face_icon.face_23 {
  background-position: -232px -29px;
}

.face i.face_icon.face_24 {
  background-position: -261px -29px;
}

.face i.face_icon.face_25 {
  background-position: -290px -29px;
}

.face i.face_icon.face_26 {
  background-position: -319px -29px;
}

.face i.face_icon.face_27 {
  background-position: -348px -29px;
}

.face i.face_icon.face_28 {
  background-position: -377px -29px;
}

.face i.face_icon.face_29 {
  background-position: -406px -29px;
}

.face i.face_icon.face_30 {
  background-position: 0px -58px;
}

.face i.face_icon.face_31 {
  background-position: -29px -58px;
}

.face i.face_icon.face_32 {
  background-position: -58px -58px;
}

.face i.face_icon.face_33 {
  background-position: -87px -58px;
}

.face i.face_icon.face_34 {
  background-position: -116px -58px;
}

.face i.face_icon.face_35 {
  background-position: -145px -58px;
}

.face i.face_icon.face_36 {
  background-position: -174px -58px;
}

.face i.face_icon.face_37 {
  background-position: -203px -58px;
}

.face i.face_icon.face_38 {
  background-position: -232px -58px;
}

.face i.face_icon.face_39 {
  background-position: -261px -58px;
}

.face i.face_icon.face_40 {
  background-position: -290px -58px;
}

.face i.face_icon.face_41 {
  background-position: -319px -58px;
}

.face i.face_icon.face_42 {
  background-position: -348px -58px;
}

.face i.face_icon.face_43 {
  background-position: -377px -58px;
}

.face i.face_icon.face_44 {
  background-position: -406px -58px;
}

.face i.face_icon.face_45 {
  background-position: 0px -87px;
}

.face i.face_icon.face_46 {
  background-position: -29px -87px;
}

.face i.face_icon.face_47 {
  background-position: -58px -87px;
}

.face i.face_icon.face_48 {
  background-position: -87px -87px;
}

.face i.face_icon.face_49 {
  background-position: -116px -87px;
}

.face i.face_icon.face_50 {
  background-position: -145px -87px;
}

.face i.face_icon.face_51 {
  background-position: -174px -87px;
}

.face i.face_icon.face_52 {
  background-position: -203px -87px;
}

.face i.face_icon.face_53 {
  background-position: -232px -87px;
}

.face i.face_icon.face_54 {
  background-position: -261px -87px;
}

.face i.face_icon.face_55 {
  background-position: -290px -87px;
}

.face i.face_icon.face_56 {
  background-position: -319px -87px;
}

.face i.face_icon.face_57 {
  background-position: -348px -87px;
}

.face i.face_icon.face_58 {
  background-position: -377px -87px;
}

.face i.face_icon.face_59 {
  background-position: -406px -87px;
}

.face i.face_icon.face_60 {
  background-position: 0px -116px;
}

.face i.face_icon.face_61 {
  background-position: -29px -116px;
}

.face i.face_icon.face_62 {
  background-position: -58px -116px;
}

.face i.face_icon.face_63 {
  background-position: -87px -116px;
}

.face i.face_icon.face_64 {
  background-position: -116px -116px;
}

.face i.face_icon.face_65 {
  background-position: -145px -116px;
}

.face i.face_icon.face_66 {
  background-position: -174px -116px;
}

.face i.face_icon.face_67 {
  background-position: -203px -116px;
}

.face i.face_icon.face_68 {
  background-position: -232px -116px;
}

.face i.face_icon.face_69 {
  background-position: -261px -116px;
}

.face i.face_icon.face_70 {
  background-position: -290px -116px;
}

.face i.face_icon.face_71 {
  background-position: -319px -116px;
}

.face i.face_icon.face_72 {
  background-position: -348px -116px;
}

.face i.face_icon.face_73 {
  background-position: -377px -116px;
}

.face i.face_icon.face_74 {
  background-position: -406px -116px;
}

.face i.face_icon.face_75 {
  background-position: 0px -145px;
}

.face i.face_icon.face_76 {
  background-position: -29px -145px;
}

.face i.face_icon.face_77 {
  background-position: -58px -145px;
}

.face i.face_icon.face_78 {
  background-position: -87px -145px;
}

.face i.face_icon.face_79 {
  background-position: -116px -145px;
}

.face i.face_icon.face_80 {
  background-position: -145px -145px;
}

.face i.face_icon.face_81 {
  background-position: -174px -145px;
}

.face i.face_icon.face_82 {
  background-position: -203px -145px;
}

.face i.face_icon.face_83 {
  background-position: -232px -145px;
}

.face i.face_icon.face_84 {
  background-position: -261px -145px;
}

.face i.face_icon.face_85 {
  background-position: -290px -145px;
}

.face i.face_icon.face_86 {
  background-position: -319px -145px;
}

.face i.face_icon.face_87 {
  background-position: -348px -145px;
}

.face i.face_icon.face_88 {
  background-position: -377px -145px;
}

.face i.face_icon.face_89 {
  background-position: -406px -145px;
}

.face i.face_icon.face_90 {
  background-position: 0px -174px;
}

.face i.face_icon.face_91 {
  background-position: -29px -174px;
}

.face i.face_icon.face_92 {
  background-position: -58px -174px;
}

.face i.face_icon.face_93 {
  background-position: -87px -174px;
}

.face i.face_icon.face_94 {
  background-position: -116px -174px;
}

.face i.face_icon.face_95 {
  background-position: -145px -174px;
}

.face i.face_icon.face_96 {
  background-position: -174px -174px;
}

.face i.face_icon.face_97 {
  background-position: -203px -174px;
}

.face i.face_icon.face_98 {
  background-position: -232px -174px;
}

.face i.face_icon.face_99 {
  background-position: -261px -174px;
}

.face i.face_icon.face_100 {
  background-position: -290px -174px;
}

.face i.face_icon.face_101 {
  background-position: -319px -174px;
}

.face i.face_icon.face_102 {
  background-position: -348px -174px;
}

.face i.face_icon.face_103 {
  background-position: -377px -174px;
}

.face i.face_icon.face_104 {
  background-position: -406px -174px;
}

.chat-faces {
  width: 100%;
  overflow: hidden;
}

.chat-faces .face-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 0 1rem 1.2rem;
  width: 100%;
  max-height: 16rem;
  overflow: hidden;
  overflow-y: auto;
}

.chat-faces .face {
  padding: 0.6rem 0;
  width: 10%;
}

chat-form-virtual .scroll-content {
  background: #f7f7fe;
}

chat-form-virtual .scroll-content .warning-info {
  position: relative;
  padding: 1.6rem;
  background: #e4e4e4;
}

chat-form-virtual .scroll-content .warning-info .arrow-forward {
  position: absolute;
  right: 1.6rem;
  top: 1rem;
  font-size: 2.4rem;
  color: #bbb;
}

chat-form-virtual .send_input {
  background: #f5f5f5;
  padding: 0 0.4rem;
}

chat-form-virtual .form-footer {
  padding-left: 1rem;
}

chat-form-virtual .form-footer.item-input-has-focus .label-ios[floating],
chat-form-virtual .form-footer.input-has-focus .label-ios[floating],
chat-form-virtual .form-footer.item-input-has-value .label-ios[floating],
chat-form-virtual .form-footer.input-has-value .label-ios[floating] {
  -webkit-transform: translate3d(0, 0, 0) scale(0.8);
  transform: translate3d(0, 0, 0) scale(0.8);
}

chat-form-virtual .form-footer .label-ios[floating] {
  -webkit-transform: translate3d(0, 12px, 0);
  transform: translate3d(0, 12px, 0);
}

chat-form-virtual .form-footer .footer-btn {
  height: 3.2rem;
}

chat-form-virtual .form-footer .footer-btn .icon-happy,
chat-form-virtual .form-footer .footer-btn .icon-send {
  font-size: 2.8rem;
}

chat-group .groups {
  position: relative;
  width: 100%;
  height: 100%;
}

chat-group .no-content {
  padding: 14rem 0rem;
  text-align: center;
  color: #999;
}

chat-group .no-content img {
  width: 50%;
  margin: auto;
  display: block;
}

chat-group .group-list {
  position: relative;
}

chat-group .group-list .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem;
  border-bottom: 1px solid #E5E5E5;
}

chat-group .group-list .chat-item:last-child {
  border-bottom: none;
}

chat-group .group-list .chat-item:active {
  background: #F5F5F5;
}

chat-group .group-list .chat-item .avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 3.6rem;
  -ms-flex: 0 0 3.6rem;
  flex: 0 0 3.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 3.6rem;
  height: 3.6rem;
  background-color: #ed8946;
  text-align: center;
  border-radius: 3px;
}

chat-group .group-list .chat-item .avatar img {
  display: block;
  width: 85%;
  height: auto;
}

chat-group .group-list .chat-item .avatar .unread-count {
  position: absolute;
  right: -0.4rem;
  top: -0.4rem;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  background: #E44B44;
}

chat-group .group-list .chat-item .message-body {
  position: relative;
  padding-left: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  color: #999;
  width: calc(100% - 4.2rem);
}

chat-group .group-list .chat-item .message-body .from {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

chat-group .group-list .chat-item .message-body .from .from-user {
  color: #000;
}

chat-group .group-list .chat-item .message-body .send-time,
chat-group .group-list .chat-item .message-body .content {
  font-size: 1.2rem;
}

chat-group .group-list .chat-item .message-body .message-content {
  position: relative;
  width: calc(100%);
  padding-top: 0.4rem;
}

chat-group .group-list .chat-item .message-body .message-content .content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

chat-group .group-list .group-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.2rem;
  border-bottom: 1px solid #E5E5E5;
}

chat-group .group-list .group-item:last-child {
  border-bottom: none;
}

chat-group .group-list .group-item:active {
  background: #F5F5F5;
}

chat-group .group-list .group-item .avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.4rem;
  -ms-flex: 0 0 4.4rem;
  flex: 0 0 4.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #ed8946;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 4.4rem;
  text-align: center;
  color: #fff;
}

chat-group .group-list .group-item .avatar img {
  display: block;
  width: 75%;
  height: auto;
}

chat-group .group-list .group-item .group {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-left: 1rem;
  color: #000;
  width: calc(100% - 4.4rem);
  font-size: 1.6rem;
}

chat-group .group-list .group-item .group .count {
  color: #b2b2b2;
}

chat-group-edit ion-header.header .toolbar {
  min-height: 4.6rem;
}

chat-group-edit ion-header.header .toolbar-background {
  background-color: #f2eff8 !important;
}

chat-group-edit ion-header.header .toolbar-title, chat-group-edit ion-header.header .bar-button-default-ios {
  color: #000;
}

chat-group-edit ion-header.header .bar-buttons {
  margin: 0;
}

chat-group-edit ion-content.content {
  background: #ffffff !important;
  color: #000 !important;
}

chat-group-edit .member-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
}

chat-group-edit .members {
  position: relative;
  background: #fff;
  max-height: 16rem;
  padding: 0.6rem;
  overflow: auto;
  color: #000;
}

chat-group-edit .members .member {
  text-align: center;
  padding: 0.8rem 0rem;
  border: 1px solid #eee;
  font-size: 1.2rem;
}

chat-group-edit .members .member.add, chat-group-edit .members .member.remove {
  position: relative;
  border: 1px dashed #aaa;
  padding: 1.7rem 0 1.8rem 0;
}

chat-group-edit .members .member.add .line, chat-group-edit .members .member.remove .line {
  position: absolute;
  left: 50%;
  top: 50%;
  background: #777;
}

chat-group-edit .members .member.add .line.horizontal, chat-group-edit .members .member.remove .line.horizontal {
  width: 1.6rem;
  height: 0.2rem;
  -webkit-transform: translate3d(-0.8rem, -0.1rem, 0);
  transform: translate3d(-0.8rem, -0.1rem, 0);
}

chat-group-edit .members .member.add .line.vertical, chat-group-edit .members .member.remove .line.vertical {
  height: 1.6rem;
  width: 0.2rem;
  -webkit-transform: translate3d(-0.1rem, -0.8rem, 0);
  transform: translate3d(-0.1rem, -0.8rem, 0);
}

chat-group-edit .members .member.empty {
  padding: 0rem;
  border: none;
}

chat-group-edit .empty {
  padding: 10rem 0rem;
  color: #999;
  text-align: center;
}

chat-group-edit .group {
  margin: 1rem 0rem;
}

chat-group-edit .group .group-item {
  border-bottom: 1px solid #f8f8ff;
}

chat-group-edit .group .group-item .item-inner {
  padding: 0 1rem;
  border-bottom: 0px;
}

chat-group-edit .group .group-item.notice.activated {
  background: #fcfcfc;
}

chat-group-edit .group .group-item.notice.item-ios h3 {
  margin: 0rem;
}

chat-group-edit .group .group-item.notice .label-ios {
  margin: 2px 8px 2px 0;
}

chat-group-edit .group .group-item.exit {
  padding: 0rem;
  margin: 0rem;
}

chat-group-edit .group .group-item.exit .btn-exit {
  height: 4.4rem;
  background: #fff;
  color: #ff0000;
}

chat-group-edit .group .group-item.exit.item-inner {
  padding-right: 0rem;
}

chat-group-edit .group .group-item.exit .label-ios {
  margin: 0;
}

group-edit ion-header.header .toolbar {
  min-height: 4.6rem;
}

group-edit ion-header.header .toolbar-background {
  background-color: #f2eff8 !important;
}

group-edit ion-header.header .toolbar-title, group-edit ion-header.header .bar-button-default-ios {
  color: #000;
}

group-edit ion-header.header .bar-buttons {
  margin: 0;
}

group-edit ion-content.content {
  background: #ffffff !important;
  color: #000 !important;
}

group-edit .loading {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  text-align: center;
  padding: 20rem 0rem;
  background: rgba(0, 0, 0, 0.3);
}

group-edit .btn-save,
group-edit .btn-back {
  color: #333;
}

group-edit .btn-save {
  color: #fff;
  background: #a957dd;
  margin-right: 1rem;
  font-size: 1.2rem;
  height: 2.6rem;
}

group-edit .group-edit {
  padding: 1.6rem;
}

group-edit .group-edit p {
  padding: 0 0 1rem;
}

group-edit .group-edit .text-input {
  margin: 0;
  width: 100%;
  background: #fff;
  padding: 1.2rem 1rem;
  -webkit-box-shadow: 0px 1px 10px 0px #eee;
  box-shadow: 0px 1px 10px 0px #eee;
  resize: none;
}

group-edit .group-edit .text-input::-webkit-input-placeholder {
  color: #adadad;
}

group-edit .group-edit .text-input::-moz-placeholder {
  color: #adadad;
}

group-edit .group-edit .text-input::-ms-input-placeholder {
  color: #adadad;
}

group-edit .group-edit .text-input::placeholder {
  color: #adadad;
}

page-chat-red-envelope .select-redbag {
  margin-bottom: 0.8rem;
}

page-chat-red-envelope .select-redbag span,
page-chat-red-envelope .select-redbag .ion-ios-arrow-down:before {
  color: #eeb266;
  font-size: 1.4rem;
}

page-chat-red-envelope ion-app.ios [padding],
page-chat-red-envelope .item-ios {
  padding: 3px 10px;
  border-radius: 5px;
}

page-chat-red-envelope .item-ios.item-block .item-inner {
  border: none;
  padding-right: none;
}

page-chat-red-envelope p.tip {
  font-size: 1.2rem;
  margin-top: 0.3rem;
  color: #666666;
  margin-left: 1rem;
}

page-chat-red-envelope p.tips {
  color: #b3b3b3;
  font-size: 1.3rem;
  text-align: center;
  margin-bottom: 0.8rem;
  position: absolute;
  bottom: 1.5rem;
  left: 0;
  width: 100%;
}

page-chat-red-envelope strong {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 5rem;
  font-family: system-ui;
}

page-chat-red-envelope strong span {
  font-size: 3.5rem;
}

page-chat-red-envelope button.button-ios {
  background: -webkit-gradient(linear, right top, left top, from(#cf9860), to(#f1c797));
  background: linear-gradient(-90deg, #cf9860 0%, #f1c797 100%);
  border-radius: 4px;
  width: 100%;
  height: 5rem;
}

page-chat-red-envelope button.button-ios span.button-inner {
  font-size: 1.8rem;
  font-weight: 400;
}

page-chat-red-envelope ion-input.input.input-ios {
  font-size: 1.4rem;
  font-weight: 500;
  color: #333;
}

page-chat-red-envelope .bag-text {
  font-size: 1.4rem;
  font-weight: none;
}

page-red-envelope-details ion-header .toolbar-background-md,
page-red-envelope-details .header-ios .toolbar-background-ios {
  background: #f25442;
}

page-red-envelope-details ion-header .bar-button-default-ios {
  color: #ffffff;
}

page-red-envelope-details .red-bg {
  height: 5rem;
  background: white;
  display: block;
}

page-red-envelope-details .redinfo {
  text-align: center;
  border-bottom: 1px solid #eee;
  padding: 2rem 0;
  background: white;
}

page-red-envelope-details .redinfo h3 {
  font-family: "Roboto";
  color: #222;
  margin-bottom: 1.1rem;
}

page-red-envelope-details .redinfo .red-content {
  color: #b3b3b3;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  width: 96%;
  margin-left: 2%;
}

page-red-envelope-details .redinfo .money {
  margin: 0.5rem auto;
  color: #c3a36e;
}

page-red-envelope-details .redinfo .money strong {
  font-size: 5rem;
  font-weight: bolder;
  font-family: "Roboto";
}

page-red-envelope-details .redinfo .money span {
  font-weight: 500;
}

page-red-envelope-details .redinfo .tip {
  color: #c3a36e;
  font-weight: 500;
}

page-red-envelope-details .scroll-content {
  background: white;
}

page-red-envelope-details .content-red .list-header {
  color: #b3b3b3;
  font-size: 1.5rem;
  line-height: inherit;
  border-bottom: 1px solid #eee;
}

page-red-envelope-details .content-red .note-ios {
  color: #333;
  font-size: 1.5rem;
  font-weight: bold;
  margin: 0;
}

page-red-envelope-details .content-red .item-ios h2 {
  font-weight: bold;
}

page-red-envelope-details .content-red .item-ios p {
  color: #b3b3b3;
  font-weight: 500;
}

page-red-envelope-details .content-red .item-ios.item-block .item-inner {
  border-bottom: 1px solid #f8f8f8 !important;
}

chat-session .chat-session {
  position: relative;
  width: 100%;
}

chat-session .connet_tips {
  text-align: center;
  line-height: 3rem;
  font-size: 1.4rem;
  background: #f8f8f8;
  color: #666;
}

chat-session .empty {
  padding: 14rem 0rem;
  text-align: center;
  color: #999;
}

chat-session .empty img {
  width: 50%;
  margin: auto;
  display: block;
}

chat-session .chat-list {
  position: relative;
}

chat-session .chat-list .chat-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.2rem;
  border-bottom: 1px solid #E5E5E5;
}

chat-session .chat-list .chat-item:last-child {
  border-bottom: none;
}

chat-session .chat-list .chat-item:active {
  background: #f5f5f5;
}

chat-session .chat-list .chat-item .avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.4rem;
  -ms-flex: 0 0 4.4rem;
  flex: 0 0 4.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #ed8946;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 4.4rem;
  text-align: center;
  color: #fff;
}

chat-session .chat-list .chat-item .avatar img {
  display: block;
  width: 75%;
  height: auto;
}

chat-session .chat-list .chat-item .message-body {
  position: relative;
  padding-left: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: calc(100% - 4.4rem);
  color: #676767;
}

chat-session .chat-list .chat-item .message-body .from {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

chat-session .chat-list .chat-item .message-body .from .from-user {
  color: #000;
  font-size: 1.6rem;
}

chat-session .chat-list .chat-item .message-body .content {
  font-size: 1.2rem;
}

chat-session .chat-list .chat-item .message-body .send-time {
  font-size: 1.2rem;
  color: #b2b2b2;
}

chat-session .chat-list .chat-item .message-body .message-content {
  position: relative;
  width: calc(100%);
}

chat-session .chat-list .chat-item .message-body .message-content .content {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

chat-session .chat-list .chat-item .message-body .message-content .unread-count {
  position: absolute;
  right: 0;
  top: -0.3rem;
  width: 2.3rem;
  height: 2.3rem;
  overflow: hidden;
  border-radius: 50%;
  background: #f3533b;
  font-size: 1.3rem;
  line-height: 2.3rem;
  text-align: center;
  color: #fff;
}

contact-person .header-item {
  padding: 0.6rem;
  background: #EDEDED;
}

contact-person .header-item .item.item-block {
  padding: 0 1rem;
  min-height: auto;
  height: 3.2rem;
  border-radius: 3px;
  background-color: #F5F5F5;
}

contact-person .header-item .item.item-block .item-inner {
  padding-right: 0;
  padding-left: 0;
  border-bottom: none;
}

contact-person .header-item .item.item-block .item-inner .text-input {
  display: block;
  margin: 0;
  width: 100%;
}

contact-person .header-item .item.item-block .item-inner .text-input::-webkit-input-placeholder {
  color: #adadad;
}

contact-person .header-item .item.item-block .item-inner .text-input::-moz-placeholder {
  color: #adadad;
}

contact-person .header-item .item.item-block .item-inner .text-input::-ms-input-placeholder {
  color: #adadad;
}

contact-person .header-item .item.item-block .item-inner .text-input::placeholder {
  color: #adadad;
}

contact-person .header-item .item.item-block .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin: -0.1rem 0.8rem 0 0;
  width: 1.4rem;
  height: 1.4rem;
  line-height: 1;
  color: #ADADAD;
}

contact-person .header-item .item.item-block .label ion-icon {
  display: block;
  margin-top: -0.2rem;
  font-size: 2.1rem;
}

contact-person .contacts {
  position: relative;
  padding-top: 1.2rem;
  width: 100%;
  height: 100%;
}

contact-person .contact-list {
  position: relative;
}

contact-person .contact-list.superior .caption {
  padding-top: 1rem;
}

contact-person .contact-list.superior .contact-item .avatar {
  background-color: #a7b8d5;
}

contact-person .contact-list.superior .contact-item.online .avatar {
  background-color: #4D84DE;
}

contact-person .contact-list .caption {
  margin: 0;
  position: relative;
  padding: 1.2rem 3.2rem 1.2rem 4.5rem;
  font-weight: normal;
  font-size: 1.6rem;
  line-height: 2rem;
  color: #000;
}

contact-person .contact-list .caption:before {
  position: absolute;
  top: 50%;
  left: 2.2rem;
  content: " ";
  margin-top: -0.1rem;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  border: 0.7rem solid transparent;
  border-left-color: #b2b2bc;
}

contact-person .contact-list .caption .count {
  position: absolute;
  right: 3.2rem;
  top: 50%;
  -webkit-transform: translate3d(0, -50%, 0);
  transform: translate3d(0, -50%, 0);
  font-size: 1.2rem;
  color: #b2b2b2;
}

contact-person .contact-list .contact-list-main {
  display: none;
}

contact-person .contact-list .contact-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.8rem 3.2rem 0.8rem 4.5rem;
}

contact-person .contact-list .contact-item:last-child {
  border-bottom: none;
}

contact-person .contact-list .contact-item:active {
  background: #F5F5F5;
}

contact-person .contact-list .contact-item .avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.4rem;
  -ms-flex: 0 0 4.4rem;
  flex: 0 0 4.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #e0d1c7;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 4.4rem;
  text-align: center;
  color: #fff;
}

contact-person .contact-list .contact-item .avatar img {
  display: block;
  width: 85%;
  height: auto;
}

contact-person .contact-list .contact-item .contact {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-left: 1rem;
  width: calc(100% - 4.4rem);
  font-size: 1.6rem;
  color: #000;
}

contact-person .contact-list .contact-item.online .avatar {
  background-color: #ed8946;
}

contact-person .contact-list.opened .caption:before {
  left: 1.1rem;
  margin-top: -0.4rem;
  -webkit-transform: rotate(90deg) translate3d(0, -50%, 0);
  transform: rotate(90deg) translate3d(0, -50%, 0);
}

contact-person .contact-list.opened .contact-list-main {
  display: block;
}

virtual-group ion-header.header {
  border-bottom: none;
}

virtual-group ion-header.header .toolbar {
  padding-left: 0;
  padding-right: 0;
  min-height: 4.6rem;
}

virtual-group ion-header.header .toolbar-background {
  background-color: #f2eff8 !important;
}

virtual-group ion-header.header .toolbar-title, virtual-group ion-header.header .bar-button-default-ios {
  color: #000;
}

virtual-group ion-content.content.content-ios {
  background-color: #ffffff;
  color: #000;
}

virtual-group .list {
  margin: 0;
}

virtual-group .conect-string {
  background: #fff;
  min-height: 4rem;
  max-height: 10rem;
  line-height: 2.4rem;
  margin-bottom: 2rem;
  overflow: auto;
  padding: 0.8rem 1.6rem;
}

virtual-group .conects .item.item-divider {
  padding: 0.4rem 2rem;
  min-height: auto;
  background-color: transparent;
  font-size: 1.3rem;
  line-height: 2rem;
  color: #999;
}

virtual-group .conects .item.item-divider .label {
  margin: 0;
}

virtual-group .conects .item.item-block {
  padding: 0.8rem 2rem;
  min-height: auto;
  background-color: transparent;
  color: #fff;
}

virtual-group .conects .item.item-block .item-inner {
  border-bottom: none;
}

virtual-group .conects .item.item-block .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 0;
  font-size: 1.6rem;
}

virtual-group .conects .item.item-block .checkbox-ios {
  margin: 0 1.3rem 0 0;
}

virtual-group .conects .item.item-block .checkbox-ios .checkbox-icon {
  background-color: transparent;
  border-color: #c6b8c2;
}

virtual-group .conects .item.item-block .checkbox-ios .checkbox-checked {
  background-color: #a957dd;
  border-color: #a957dd;
}

virtual-group .conects .item.item-block .checkbox-ios .checkbox-checked .checkbox-inner {
  left: 5px;
  top: 1px;
  width: 8px;
  height: 14px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  -webkit-transform: rotate(45deg) scale(0.8);
  transform: rotate(45deg) scale(0.8);
}

virtual-group .conects .avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4.4rem;
  -ms-flex: 0 0 4.4rem;
  flex: 0 0 4.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  margin-right: 1rem;
  width: 4.4rem;
  height: 4.4rem;
  background-color: #ed8946;
  border-radius: 50%;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 4.4rem;
  text-align: center;
  color: #fff;
}

virtual-group .conects .avatar img {
  display: block;
  width: 85%;
  height: auto;
}

virtual-group .conects .item.search {
  margin: 1.3rem 0.8rem;
  padding: 0 0 0 1rem;
  width: calc(100% - 1.6rem);
  background-color: #fff;
}

virtual-group .conects .item.search .item-inner {
  padding-right: 0;
}

virtual-group .conects .item.search .input-wrapper {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

virtual-group .conects .item.search .label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  margin: -0.1rem 1rem 0 1rem;
  width: 1.6rem;
  height: 1.4rem;
  line-height: 1;
  text-align: right;
  color: #ADADAD;
}

virtual-group .conects .item.search .label ion-icon {
  display: block;
  margin-top: -0.2rem;
  font-size: 2.1rem;
}

virtual-group .conects .item.search .label ion-icon:before {
  font-weight: bold;
}

virtual-group .conects .item.search .text-input {
  display: block;
  margin: 0;
  width: 100%;
  height: 3.4rem;
}

virtual-group .conects .item.search .text-input::-webkit-input-placeholder {
  color: #adadad;
}

virtual-group .conects .item.search .text-input::-moz-placeholder {
  color: #adadad;
}

virtual-group .conects .item.search .text-input::-ms-input-placeholder {
  color: #adadad;
}

virtual-group .conects .item.search .text-input::placeholder {
  color: #adadad;
}

virtual-group .btn-back {
  color: #000;
  font-size: 2.8rem;
}

virtual-group .btn-save {
  color: #fff;
  background: #a957dd;
  margin-right: 1rem;
  font-size: 1.2rem;
  height: 2.6rem;
}

page-contract-set .list-user .label {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 0.7rem 0.5rem 0.7rem 1.4rem;
}

page-contract-set .list-user .item {
  color: #d4cdec;
  font-size: 1.6rem;
  background-color: var(--cp-color156);
}

page-contract-set .empty-list {
  font-size: 1.6rem;
  color: #83808b;
  text-align: center;
  padding: 8rem 0rem;
}

page-user-detail .top-info {
  padding: 1.6rem;
  border-bottom: 1px solid #37314b;
}

page-user-detail .top-info .button {
  color: #d4cdec;
  font-size: 1.4rem;
  margin: 0rem;
  padding: 0rem;
  height: auto;
}

page-user-detail .top-info .button img {
  width: 2rem;
}

page-user-detail .list .item {
  color: #d4cdec;
  font-size: 1.6rem;
  background-color: var(--cp-color156);
}

page-user-detail .list .item.item-block .item-inner {
  padding: 0.4rem 1.6rem;
}

page-user-detail .list .label {
  font-size: 1.4rem;
}

page-user-detail .page-actions {
  padding: 2.4rem 1.6rem;
}

page-user-detail .page-actions .btn {
  color: #ffffff;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

page-user-detail .page-actions .btn-save,
page-user-detail .page-actions .btn-cancel {
  min-width: 14rem;
}

page-user-detail .show-thirdgame .selector {
  background-color: var(--cp-color156);
}

page-user-detail .contract-setting-box {
  background: var(--cp-color156);
}

page-user-detail .contract-setting-box .setting-item {
  color: var(--cp-color143);
  position: relative;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.8rem 1rem;
  border-bottom: 1px solid #37314b;
}

page-user-detail .contract-setting-box .setting-item .flex-end, page-user-detail .contract-setting-box .setting-item .flex-column-end, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r {
  width: 40%;
}

page-user-detail .contract-setting-box .setting-item .flex-end .symbol, page-user-detail .contract-setting-box .setting-item .flex-column-end .symbol, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .symbol, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .symbol, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .symbol, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .symbol {
  width: 2rem;
  margin-left: 0.8rem;
}

page-user-detail .contract-setting-box .setting-item .flex-end .input, page-user-detail .contract-setting-box .setting-item .flex-column-end .input, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .input, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .input, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .input, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .input,
page-user-detail .contract-setting-box .setting-item .flex-end .select,
page-user-detail .contract-setting-box .setting-item .flex-column-end .select,
page-user-detail .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .select,
lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .select,
page-user-detail .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .select,
lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .select {
  width: 100%;
  padding: 1rem;
  border: 1px solid #ddd;
  border-radius: 5px;
}

page-user-detail .contract-setting-box .setting-item .flex-end .text-input, page-user-detail .contract-setting-box .setting-item .flex-column-end .text-input, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .text-input, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .text-input, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .text-input, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r .text-input {
  margin: 0rem;
  height: 2rem;
}

page-user-detail .contract-setting-box .setting-item .flex-end ion-select, page-user-detail .contract-setting-box .setting-item .flex-column-end ion-select, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r ion-select, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r ion-select, page-user-detail .contract-setting-box .setting-item lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r ion-select, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule page-user-detail .contract-setting-box .setting-item .r ion-select {
  max-width: 100%;
}

page-user-detail .contract-setting-box .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 2rem 1.5rem;
}

page-user-detail .contract-setting-box .btn-box .alter {
  margin: 0 1rem;
}

page-user-detail .dividend-rules {
  padding: 1.6rem;
}

page-user-detail .dividend-rules h3 {
  font-size: 1.4rem;
  color: #cd5252;
  margin-bottom: 0.6rem;
}

page-user-detail .dividend-rules p {
  color: #cd5252;
  font-size: 1.2rem;
  margin-top: 0.5rem;
}

page-user-detail .dividend-rules p span {
  font-weight: bold;
}

page-finance-statement .over-container {
  height: 100%;
}

page-finance-statement .platform-nav {
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  white-space: nowrap;
  background: #1d1c22;
  height: 3.7rem;
}

page-finance-statement .platform-nav::-webkit-scrollbar {
  height: 0;
}

page-finance-statement .platform-nav .nav-item {
  padding: .8rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
}

page-finance-statement .platform-nav .nav-item.active:after {
  content: '';
  position: absolute;
  bottom: -.1rem;
  height: .3rem;
  left: .4rem;
  right: .4rem;
  border-radius: 1px;
  background: #ddc57f;
}

page-finance-statement .finance-main {
  height: calc(100% - 3.7rem);
  overflow-y: auto;
}

hotgames {
  width: 100%;
  overflow: hidden;
  background: #f9f9f9;
}

hotgames .toolbar-ios {
  min-height: 48px;
}

hotgames .home-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.4rem 0;
}

hotgames .home-header .arrow {
  color: #846a51;
  width: 2.6rem;
  height: 2rem;
}

hotgames .home-header .home-header-left {
  width: 16rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}

hotgames .home-header .home-header-left .arrow-btn {
  position: absolute;
  left: 0;
  padding: 0;
  margin: 0;
}

hotgames .home-header .home-header-left .closed {
  -webkit-transition: linear 0.25s;
  transition: linear 0.25s;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

hotgames .home-header .home-header-left .home-logo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 4rem;
  margin-left: 4rem;
  padding-top: 0.2rem;
}

hotgames .home-header .home-header-left .home-logo img {
  width: auto;
}

hotgames .home-header .home-header-right {
  width: calc(100% - 16rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding-right: 0.4rem;
}

hotgames .home-header .home-header-right .button-ios {
  border-radius: 4px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #f24f4b;
  margin: 0.4rem 0.2rem;
  padding: 0.9rem 1.5rem;
  font-weight: bold;
  height: auto;
  width: 6.4rem;
}

hotgames .home-header .home-header-right button.kefu-btn {
  background: #544986;
  margin-right: 1rem;
  border-radius: 2rem;
}

hotgames .home-header .home-header-right button.regiter-btn {
  background: #6936fb;
  margin-left: 0.5rem;
}

hotgames .home-header .home-header-money {
  width: calc(100% - 16rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
  -ms-flex-pack: right;
  justify-content: right;
  margin-right: 1rem;
}

hotgames .home-header .home-header-money .kefu-btn {
  border-radius: 4px;
  font-size: 1.4rem;
  color: #fff;
  background-color: #544986;
  margin: 0.4rem 0.2rem;
  padding: 0.9rem 2.5rem;
  font-weight: bold;
  height: auto;
  width: 6.4rem;
  margin-right: 1rem;
  border-radius: 2rem;
}

hotgames .home-header .home-header-money .money-img {
  width: 2.4rem;
  margin-right: 0.5rem;
}

hotgames .home-header .home-header-money .money {
  color: #ffe404;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: 500;
}

hotgames .home-header .home-header-money .recharge {
  height: auto;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0.7rem 1.3rem;
  margin-left: 1rem;
  margin-right: 0.2rem;
  background: -webkit-gradient(linear, left top, right top, from(#e8702e), to(#f24d4d));
  background: linear-gradient(90deg, #e8702e, #f24d4d);
}

hotgames .home-header .home-header-money .header-theme {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  font-size: 14px;
}

hotgames .home-header .home-header-money .header-theme img {
  width: 24px;
  height: 24px;
}

hotgames .home-header .home-header-money .header-theme .header-theme-mode {
  color: var(--cp-color251);
  margin-left: 3px;
}

hotgames .home-header .home-header-money .header-theme .header-theme-mode-rmb {
  color: var(--cp-color251);
}

hotgames .home-header .home-header-money .header-theme .header-theme-mode-usdt {
  color: var(--cp-color251);
}

hotgames .home-header .home-header-money .header-theme .header-theme-btn {
  margin-left: 8px;
  width: 60px;
  height: 30px;
  line-height: 30px;
  border-radius: 3px;
  font-size: 14px;
  text-align: center;
  color: #fff;
  background-color: var(--cp-color122);
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  contain: none;
  position: relative;
}

hotgames .home-header .home-header-money .header-theme .header-theme-btn .button-inner img {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #eb5e26;
  right: -10px;
  top: -6px;
  position: absolute;
}

hotgames .scroll-content {
  background: var(--cp-color164);
  overflow-y: scroll;
  overflow-x: hidden;
}

hotgames .banner-room {
  padding: 0.75rem 1rem;
}

hotgames .banner-room .banner-swiper {
  border-radius: 15px;
}

hotgames .banner-room .banner-swiper .swiper-slide-img {
  height: 15rem;
  width: 100%;
}

hotgames .notice-wrp {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

hotgames .notice-wrp .email {
  width: 2.5rem;
  margin-left: 3.5%;
}

hotgames .notice-wrp span.unread {
  position: relative;
}

hotgames .notice-wrp span.unread:after {
  position: absolute;
  right: -2px;
  top: -3px;
  width: 8px;
  height: 8px;
  content: "";
  background: red;
  border-radius: 50%;
}

hotgames .notice-wrp .notice-bar {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: #353535;
  padding: .4rem .8rem .4rem .8rem;
  width: 100%;
  background-color: var(--cp-color160);
}

hotgames .notice-wrp .notice-bar .fa-volume-high {
  color: var(--cp-color162);
  font-size: 1.6rem;
}

hotgames .notice-wrp .notice-bar .notice-centent {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-left: 0.5rem;
  overflow: hidden;
}

hotgames .notice-wrp .notice-bar .notice-centent i {
  font-style: normal;
  margin-right: 6rem;
}

hotgames .notice-wrp .notice-bar .notice-centent span {
  width: auto;
  white-space: nowrap;
  display: block;
  padding-left: 105%;
  padding-right: 120%;
  font-size: 1.2rem;
  color: var(--cp-color163);
  line-height: 2rem;
  font-weight: 500;
}

hotgames .notice-wrp .notice-bar .notice-centent span:hover {
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}

hotgames .notice-wrp .notice-bar .notice-centent .hot-marquee {
  -webkit-animation: marquee 15s linear infinite;
  animation: marquee 15s linear infinite;
}

hotgames .welcome {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.6rem 1rem;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

hotgames .welcome .text {
  font-size: 16px;
}

hotgames .welcome .text span {
  font-size: 18px;
  color: var(--cp-color251);
  font-weight: 600;
}

hotgames .welcome .button-ios {
  padding: 0 2.2rem;
  margin: 0;
  height: 3rem;
  font-size: 14px;
  background-color: var(--cp-color161);
}

hotgames .usdt-info {
  background: var(--cp-color2);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: #ffffff;
  padding: 0.8rem 1.1rem;
  border-radius: 7px;
  margin: 1rem;
  margin-top: 0;
}

hotgames .usdt-info .button-ios {
  background: #138b64;
  border: 1px solid #38ac8e;
  border-radius: 20px;
  height: 4rem;
  font-size: 1.4rem;
  font-weight: 500;
  padding: 0 1.2em;
}

hotgames .usdt-info .button-ios img {
  width: 1.7rem;
  margin-left: 0.5rem;
}

hotgames .usdt-info .typelist {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 1rem;
  margin-left: 1.4rem;
}

hotgames .usdt-info .typelist .type-item {
  margin-right: 0.5rem;
  margin-left: 0.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

hotgames .usdt-info .typelist .type-item img {
  width: 2rem;
  margin-right: 0.3rem;
}

hotgames .usdt-info .typelist .type-item span {
  font-size: 1.2rem;
}

hotgames .usdt-info .rate-box {
  font-size: 1.2rem;
  border-radius: .4rem;
  background: var(--cp-color3);
  border: 0.1rem solid var(--cp-color4);
  height: 3rem;
  margin-top: 0.4rem;
}

hotgames .usdt-info .rate-box .text {
  color: #29ffba;
  border-right: 1px solid #5c5168;
  text-align: center;
  width: 7rem;
}

hotgames .usdt-info .rate-box .rate {
  width: calc(100% - 7rem);
}

hotgames .usdt-info .rate-box .rate .rate-text {
  color: #ffea35;
}

hotgames .usdt-info .ttjk-enter {
  height: 80px;
  width: auto;
  margin-right: 16px;
}

hotgames .usdt-info .ttjk-enter img {
  height: 100%;
  width: auto;
}

hotgames .usdt-info .test-list li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 0.8rem;
  font-size: 1.3rem;
}

hotgames .usdt-info .test-list li:last-of-type {
  margin-bottom: 0;
}

hotgames .usdt-info .test-list li img {
  width: 2rem;
  margin-right: 0.6rem;
}

hotgames .usdt-info .test-list li span {
  background: -webkit-gradient(linear, left bottom, left top, from(#e7b875), to(#fde290));
  background: linear-gradient(0deg, #e7b875 0%, #fde290 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

hotgames .container-m .menu {
  position: relative;
  margin-bottom: 0.5rem;
  margin-top: 0.8rem;
}

hotgames .container-m .menu .slide-item {
  margin-right: 0;
  border-bottom: 1px solid #454545;
}

hotgames .container-m .menu .arrow-box {
  position: absolute;
  right: -2px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 1.4rem;
  height: 3rem;
  background: #35343e;
  border-radius: 6px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: var(--cp-color148);
  font-size: 1.2rem;
}

hotgames .container-m .menu .segment-ios .segment-button {
  color: white;
  font-weight: 500;
  height: 4.2rem;
  line-height: 4.2rem;
  position: relative;
  overflow: visible;
}

hotgames .container-m .menu .segment-ios .segment-button .reward {
  position: absolute;
  top: -1.8rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 0 1rem;
  border-radius: 1.6rem;
  z-index: 6;
  background: #f74949;
  height: 2.8rem;
  line-height: 2.8rem;
}

hotgames .container-m .menu .segment-ios .segment-button .reward span {
  color: #fff;
  font-size: 1.4rem;
  white-space: nowrap;
}

hotgames .container-m .menu .segment-ios .segment-button .reward span i {
  font-size: 1.4rem;
  color: #fcff00;
  font-style: normal;
  font-weight: bold;
}

hotgames .container-m .menu .segment-ios .segment-button.segment-activated {
  color: #e4a24c;
  border-bottom: 2px solid #e4a24c;
}

hotgames .container-m .menu .swiper-container {
  overflow-x: scroll;
  overflow: visible;
}

hotgames .container-m .menu .swiper-container::-webkit-scrollbar {
  height: 0;
}

hotgames .container-m .fixed-menu {
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  left: 0;
  z-index: 9999;
  background: #1d1c23;
}

hotgames .container-m .menu-container .game-block {
  position: relative;
}

hotgames .container-m .menu-container .game-block .anchor-i {
  position: absolute;
  top: -6rem;
  left: 0;
  width: 0.1rem;
  height: 0.1rem;
}

hotgames .container-m .menu-container .item-anchor {
  position: absolute;
  top: -6.8rem;
  left: 0;
}

hotgames .container-m h2 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  color: white;
  margin: 0;
  padding: 0;
}

hotgames .container-m h2 .icon {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

hotgames .container-m h2 .icon img.hot-icon {
  width: 3.2rem;
  margin-left: 0.5rem;
}

hotgames .container-m h2 .icon span {
  font-size: 1.8rem;
}

hotgames .container-m h2 .icon .backwater {
  padding: 0.5rem 0.8rem;
  background: #462f76;
  border-radius: 15px;
  color: #e9dfff;
  text-align: center;
  font-size: 1.2rem;
  margin-left: 0.5rem;
}

hotgames .container-m h2 button.all-btn {
  width: 6rem;
  height: 2.8rem;
  border-radius: 15px;
  background: var(--cp-color48);
  color: var(--cp-color49);
  font-size: 1.4rem;
  margin-right: 1rem;
}

hotgames .container-m .game-list {
  color: white;
  max-height: 595px;
  overflow-y: hidden;
}

hotgames .container-m .game-list .rate {
  position: absolute;
  top: -0.5rem;
  left: 0rem;
  width: 9.6rem;
  height: 4.6rem;
  z-index: 1;
}

hotgames .container-m .game-list .rate div {
  position: relative;
}

hotgames .container-m .game-list .rate div span {
  position: absolute;
  padding-left: .5rem;
  top: 0rem;
  left: 0rem;
  width: 100%;
  color: #fff;
  font-size: 1.1rem;
  z-index: 1;
  height: 4rem;
  line-height: 3.8rem;
  white-space: nowrap;
}

hotgames .container-m .game-list .rate div span i {
  font-size: 1.3rem;
  color: #f0ff00;
  font-style: normal;
  font-weight: bold;
}

hotgames .container-m .game-list .rate div img {
  position: absolute;
  top: 0rem;
  left: 0rem;
  width: 100%;
}

hotgames .container-m .game-list .reward {
  position: absolute;
  top: -0.5rem;
  right: 0rem;
  padding: 0rem 1rem;
  height: 3rem;
  line-height: 3rem;
  z-index: 1;
  background: #f74949;
  border-radius: 2rem;
}

hotgames .container-m .game-list .reward span {
  color: #fff;
  font-size: 1.4rem;
  white-space: nowrap;
}

hotgames .container-m .game-list .reward span i {
  font-size: 1.4rem;
  color: #fcff00;
  font-style: normal;
  font-weight: bold;
}

hotgames .container-m .game-list .game-img {
  border-radius: 6px;
  position: relative;
  width: 100%;
  aspect-ratio: 312 /444;
  background-image: url(./../../assets/images/home/game-bg.png);
  background-size: cover;
}

hotgames .container-m .game-list .game-name {
  position: absolute;
  bottom: 10%;
  z-index: 999;
  left: 0;
  color: white;
  width: 100%;
  text-align: center;
  font-weight: bold;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

hotgames .container-m .game-list .collect {
  position: absolute;
  top: 1rem;
  right: 1rem;
  width: 2.5rem;
}

hotgames .container-m .showall {
  max-height: 100%;
  height: 100%;
}

hotgames .container-m p.more {
  text-align: center;
  margin: 0.3rem auto 1.5rem auto;
  color: var(--cp-color165);
  font-size: 1.3rem;
  font-weight: 500;
}

hotgames .container-m p.more img {
  width: 1rem;
}

hotgames .container-m .nodate {
  width: 50%;
  margin-left: 25%;
  margin-top: 2rem;
}

hotgames .container-m .nodate-text {
  color: gray;
  width: 100%;
  text-align: center;
  margin-bottom: 2rem;
  margin-top: 1rem;
  font-size: 1.2rem;
}

@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

@keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.app-collect {
  position: absolute;
  padding: 0 1rem;
  bottom: 6rem;
  z-index: 20000;
}

.app-collect .bottom-prompt {
  position: relative;
}

.app-collect .bottom-prompt .close {
  position: absolute;
  color: #fff;
  right: 1.6rem;
  top: 0.8rem;
  font-size: 2.2rem;
}

.signin-box {
  background: rgba(0, 0, 0, 0.55);
}

.signin-box .popover-content {
  background: transparent;
  width: 90%;
  left: 5% !important;
  text-align: center;
  color: white;
}

.signin-box .popover-content form.form-wrap.login-form {
  background: var(--cp-color50);
}

.signin-box .popover-content .close {
  font-size: 4rem;
}

.signin-box .popover-content .form-box h4 {
  font-weight: bold;
  padding: 2rem 0;
}

.signin-box .popover-content .form-box .item-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.signin-box .popover-content .form-box .remeber-box .item-ios {
  border: none !important;
}

.signin-box .popover-content .form-box .item-ios {
  padding: 0;
  background: var(--cp-color51);
  border: 1px solid var(--cp-color52);
  border-radius: 3px;
  color: white;
  font-size: 1.4rem;
  font-weight: 500;
  margin-bottom: 2rem;
  width: 96%;
}

.signin-box .popover-content .form-box .item-ios .avater.flex-start, .signin-box .popover-content .form-box .item-ios .avater.flex-column-start, .signin-box .popover-content .form-box .item-ios page-create-account .create-account .avater.form-group.normal-group, page-create-account .create-account .signin-box .popover-content .form-box .item-ios .avater.form-group.normal-group, .signin-box .popover-content .form-box .item-ios lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .avater.l, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .signin-box .popover-content .form-box .item-ios .avater.l, .signin-box .popover-content .form-box .item-ios lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .avater.l, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .signin-box .popover-content .form-box .item-ios .avater.l, .signin-box .popover-content .form-box .item-ios .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .avater.content, .dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .signin-box .popover-content .form-box .item-ios .avater.content {
  width: 2rem;
  margin-left: 1.3rem;
  margin-right: 1rem;
}

.signin-box .popover-content .form-box .item-ios.item-block .item-inner {
  border-bottom: none;
}

.signin-box .popover-content .form-box .item-box {
  position: relative;
}

.signin-box .popover-content .form-box .item-box .btn-eye {
  position: absolute;
  right: 21px;
  top: 12px;
  color: #999;
  margin: 0rem;
  padding: 0rem;
  width: 2.3rem;
}

.signin-box .popover-content .form-box .item-box .form-input {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  font-size: 1.6rem;
  font-weight: 500;
}

.signin-box .popover-content .form-box .item-box .item-inner {
  border: none;
}

.signin-box .popover-content .form-box .item-box ion-icon {
  min-height: 2rem;
  font-size: 3rem;
  margin: 8px 8px 8px 0px;
}

.signin-box .popover-content .form-box .item-box.verify, .signin-box .popover-content .form-box .item-box.remeber {
  background: transparent;
}

.signin-box .popover-content .form-box .item-box.remeber {
  margin-bottom: 1rem;
}

.signin-box .popover-content .form-box .item-box .forget {
  color: #fff;
  font-size: 1.4rem;
  font-weight: 500;
  padding-right: 0;
  margin: 0;
}

.signin-box .popover-content .form-box .item-box .checkbox-ios {
  margin-right: 8px;
}

.signin-box .popover-content .form-box .item-box .checkbox-icon {
  height: 16px;
  width: 16px;
  border-color: #828282;
  background: var(--cp-color53);
}

.signin-box .popover-content .form-box .item-box .checkbox-ios .checkbox-icon {
  border-radius: 0;
}

.signin-box .popover-content .form-box .item-box .checkbox-checked {
  border-color: #e38f5b;
  background-color: #e38f5b;
}

.signin-box .popover-content .form-box .item-box .checkbox-checked .checkbox-inner {
  left: 5px;
  top: 2px;
  border-color: white;
}

.signin-box .popover-content .form-box button.btn-login {
  background: -webkit-gradient(linear, left top, right top, from(var(--cp-color54)), to(var(--cp-color54)));
  background: linear-gradient(90deg, var(--cp-color54), var(--cp-color54));
  border-radius: 3px;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 0 0.2rem;
  width: 96%;
  text-align: center;
  display: inline-block;
  height: 4.5rem;
}

.signin-box .popover-content .form-box .btn-goWalk {
  color: var(--cp-color56);
  font-size: 1.4rem;
}

.signin-box .popover-content .form-box .flex-between, .signin-box .popover-content .form-box .flex-column-between, .signin-box .popover-content .form-box lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .signin-box .popover-content .form-box .text_checkbox, .signin-box .popover-content .form-box lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .signin-box .popover-content .form-box .text_checkbox, .signin-box .popover-content .form-box lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .signin-box .popover-content .form-box .btn_group, .signin-box .popover-content .form-box lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .signin-box .popover-content .form-box .btn_group {
  padding-bottom: 2rem;
  margin-top: 0.5rem;
}

.signin-box .popover-content .form-box button.btn-verify {
  width: 96%;
  border-radius: 64px;
  background: #373542;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
}

.signin-box .popover-content .form-box .error-info {
  text-align: left;
  padding-left: 1rem;
  margin-top: -1.5rem;
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
  color: #ff8090;
}

page-billboard .billboard-wrapper {
  height: 100%;
}

page-billboard .billboard-wrapper .wrap-left {
  float: left;
  width: 9rem;
  height: 100%;
  border-right: 1px solid #eaeaea;
}

page-billboard .billboard-wrapper .wrap-left .btn-box {
  margin: 8rem 0 0 0;
}

page-billboard .billboard-wrapper .wrap-left .btn-box .btn-bill {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 7.2rem;
  height: 8.4rem;
  background-image: linear-gradient(135deg, #f3f3f3, #d6d6d6);
  border-radius: 8px;
  margin: 1.2rem auto;
  -webkit-box-shadow: #929292 0 2px 2px -1px;
  box-shadow: #929292 0 2px 2px -1px;
}

page-billboard .billboard-wrapper .wrap-left .btn-box .btn-bill .btn-inside {
  text-align: center;
  color: #585858;
}

page-billboard .billboard-wrapper .wrap-left .btn-box .btn-bill .btn-inside .icon {
  display: block;
  font-size: 3rem;
}

page-billboard .billboard-wrapper .wrap-left .btn-box .btn-bill.active {
  background-image: linear-gradient(135deg, #DDC9B7, #D9BEA7);
}

page-billboard .billboard-wrapper .wrap-left .btn-box .btn-bill.active .btn-inside {
  color: #fff;
}

page-billboard .billboard-wrapper .wrap-right {
  margin-left: 9rem;
  height: 100%;
  overflow: auto;
  text-align: center;
}

page-billboard .billboard-wrapper .wrap-right .col-40 {
  width: 40%;
  float: left;
}

page-billboard .billboard-wrapper .wrap-right .col-60 {
  margin-left: 40%;
}

page-billboard .billboard-wrapper .wrap-right .tr {
  height: 6rem;
  line-height: 6rem;
}

page-billboard .billboard-wrapper .wrap-right .thead .tr {
  background: #f1f1f1;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ff752d;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr:nth-child(even) {
  background: #f1f1f1;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.bg-gary {
  background: #f1f1f1;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr .col-40,
page-billboard .billboard-wrapper .wrap-right .tbody .tr .col-60 {
  font-size: 2rem;
  font-weight: bold;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr .col-40 {
  height: 100%;
  color: #ff752d;
  font-size: 2.6rem;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr .col-60 {
  color: #585858;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.frist .col-40 {
  background: url("../assets/images/NO1.png") no-repeat center;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.frist .col-60 {
  color: #ff0000;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.second .col-40 {
  background: url("../assets/images/NO2.png") no-repeat center;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.second .col-60 {
  color: #0060dd;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.third .col-40 {
  background: url("../assets/images/NO3.png") no-repeat center;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.third .col-60 {
  color: #b13200;
}

page-billboard .billboard-wrapper .wrap-right .tbody .tr.frist .col-40, page-billboard .billboard-wrapper .wrap-right .tbody .tr.second .col-40, page-billboard .billboard-wrapper .wrap-right .tbody .tr.third .col-40 {
  background-size: 2.8rem;
  text-indent: -9999px;
}

page-gameLobby .btn-entrance {
  background: #fff;
  border-radius: 1rem;
  overflow: hidden;
}

page-gameLobby .btn-entrance img {
  display: block;
  min-width: 15rem;
  min-height: 12rem;
  width: 100%;
  margin: auto;
  background-image: url(../assets/images/default-bg.png);
  border: none;
}

page-gameLobby .btn-entrance span {
  display: block;
  line-height: 3.4rem;
  font-size: 1.4rem;
  color: #a8a8a8;
  padding: 0 0.6rem;
}

page-hotlottery .scroll-content {
  background: #1d1c22;
}

page-hotlottery .search-box {
  width: 95%;
  margin: 1.5rem auto;
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  left: 2.5%;
  z-index: 9999;
}

page-hotlottery .searchbar-ios {
  border-radius: 25px;
  border: 1px solid #454054;
}

page-hotlottery .searchbar-ios .searchbar-search-icon {
  top: 7px;
  left: 5px;
}

page-hotlottery .searchbar-ios.searchbar-left-aligned .searchbar-input {
  font-size: 1.6rem;
  font-weight: bold;
}

page-hotlottery .games-section {
  width: 100%;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-hotlottery .games-section .left-nav {
  width: 8rem;
  height: 100%;
  margin-left: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 3%;
}

page-hotlottery .games-section .left-nav .games-nav {
  background: var(--cp-color7);
  color: var(--cp-color8);
  position: relative;
  border-radius: 10px;
  margin-bottom: 1.4rem;
  width: 7.5rem;
  height: 5.5rem;
  cursor: pointer;
  -webkit-transition: linear 0.25s;
  transition: linear 0.25s;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-hotlottery .games-section .left-nav .games-nav span {
  margin-top: 0.4rem;
}

page-hotlottery .games-section .left-nav .games-nav img,
page-hotlottery .games-section .left-nav .games-nav .nav-icon {
  width: 3.2rem;
}

page-hotlottery .games-section .left-nav .games-nav .img-normal {
  display: block;
}

page-hotlottery .games-section .left-nav .games-nav .nav-icon svg {
  width: 100%;
}

page-hotlottery .games-section .left-nav .games-nav .img-active {
  display: none;
}

page-hotlottery .games-section .left-nav .games-nav:hover, page-hotlottery .games-section .left-nav .games-nav.active {
  color: #fff;
}

page-hotlottery .games-section .left-nav .games-nav:hover .img-normal, page-hotlottery .games-section .left-nav .games-nav.active .img-normal {
  display: none;
}

page-hotlottery .games-section .left-nav .games-nav:hover .img-active, page-hotlottery .games-section .left-nav .games-nav.active .img-active {
  display: block;
}

page-hotlottery .games-section .left-nav .games-nav:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #3d384e;
  -webkit-transition: linear 0.25s;
  transition: linear 0.25s;
}

page-hotlottery .games-section .left-nav .games-nav.active:before {
  content: "";
  background-color: #fbde8e;
}

page-hotlottery .games-section .right-main {
  padding: 1rem 0.8rem 0.5rem 0.8rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-hotlottery .games-section .right-main .games-lobby {
  position: relative;
}

page-hotlottery .games-section .right-main .games-lobby:nth-child(2n) .game-item button {
  background: var(--cp-color10);
}

page-hotlottery .games-section .right-main .games-lobby .item-anchor {
  position: absolute;
  top: -90px;
  left: 0;
}

page-hotlottery .games-section .right-main .games-lobby p {
  color: #fff;
  margin: 1rem 0;
}

page-hotlottery .games-section .right-main .games-lobby .game-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
}

page-hotlottery .games-section .right-main .games-lobby .game-item button {
  background: var(--cp-color9);
  width: 47%;
  height: 3.7rem;
  color: #fff;
  padding: 0;
  margin: 0;
  position: relative;
  border-radius: 4px;
  margin-bottom: 1rem;
}

page-hotlottery .games-section .right-main .games-lobby .game-item button:nth-child(5n) {
  margin-right: 0;
}

page-hotlottery .games-section .right-main .games-lobby .game-item button:hover {
  background: #763dd5;
}

page-hotlottery .games-section .right-main .games-lobby .game-item button img {
  position: absolute;
  top: 0;
  right: 0;
  width: 2rem;
}

history-page {
  font-size: 1.2rem;
  color: #333;
}

history-page .table-box {
  max-height: 24rem;
  overflow: auto;
}

history-page thead {
  color: #333;
  font-weight: 400;
  background: var(--cp-color210);
}

history-page thead th {
  color: var(--cp-color211);
  border: 1px solid var(--cp-color212);
  height: 2.4rem;
  line-height: 2.4rem;
  font-weight: 400;
}

history-page thead th:last-of-type {
  border-right: 0;
}

history-page thead th.zutai-box {
  -webkit-transform: scale(0.86, 0.86);
  transform: scale(0.86, 0.86);
}

history-page tbody tr:nth-child(2n) {
  background: var(--cp-color215);
}

history-page tbody tr td.new-ball span {
  background: #f84948;
  color: #fff !important;
  font-weight: bold;
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem !important;
  border-radius: 50%;
  margin: 0 auto;
  border: 0 !important;
}

history-page tbody tr td.new-ball.blue span {
  background: #5d86f7;
}

history-page tbody tr:first-of-type td.open span {
  border: 1px solid #f69b51;
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #f69b51;
  border-radius: 50%;
  margin: 0 auto;
}

history-page tbody tr:first-of-type td.open.normol span {
  border: 0;
}

history-page tbody tr:first-of-type td.open.sum-ball span {
  color: #ff0000;
  border-color: #ff0000;
}

history-page tbody tr:first-of-type td.open.x115-num span {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.2rem;
}

history-page td {
  text-align: center;
  height: 3rem;
  line-height: 3rem;
  color: var(--cp-color213);
}

history-page td.win {
  color: #ff4b4b;
}

history-page td.lose {
  color: #45b342;
}

history-page td.open.qz-num span {
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  border-radius: 50%;
  margin: 0 auto;
  border: 0 !important;
}

history-page td.open.qz-num.bao span {
  background: url(../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
  color: #ff6366;
}

history-page td.open.qz-num.san span {
  background: url(../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
  color: #6aa2f9;
}

history-page td.open.qz-num.liu span {
  background: url(../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
  color: #ca7b37;
}

history-page td.open span {
  color: #f69b51;
  font-size: 1.4rem;
}

history-page td.open.sum-ball span {
  color: #ff0000;
  border-color: #ff0000;
}

history-page td.open.lhc-ball span {
  border: 0 !important;
  font-size: 1.4rem;
  line-height: 2rem !important;
  border-radius: 50%;
  margin: 0 !important;
  display: block;
  width: 2rem;
  height: 2rem;
}

history-page td.open.lhc-ball:last-of-type span {
  color: #fff !important;
  margin: 0 auto !important;
}

history-page td.open.lhc-ball:last-of-type.lhc-red span {
  background: #ff3461;
}

history-page td.open.lhc-ball:last-of-type.lhc-green span {
  background: #55b47c;
}

history-page td.open.lhc-ball:last-of-type.lhc-blue span {
  background: #48a0e7;
}

history-page td.open.lhc-ball.lhc-red span {
  color: #ff3461;
}

history-page td.open.lhc-ball.lhc-green span {
  color: #55b47c;
}

history-page td.open.lhc-ball.lhc-blue span {
  color: #48a0e7;
}

history-page td .color-text {
  -webkit-transform: scale(0.86, 0.86);
  transform: scale(0.86, 0.86);
}

history-page .violet-color {
  color: #b96dff;
}

history-page .sky-blue-color {
  color: #02a7f0;
}

history-page .orange-color {
  color: #fab255;
}

history-page .green-color {
  color: #49d174;
}

history-page .red-color {
  color: #fa4a60;
}

history-page .blue-color {
  color: #4891ff;
}

history-page .earthy-color {
  color: #7b4d12;
}

history-page .pk-num {
  height: 2rem;
  width: 2rem;
  color: #fff;
  font-weight: 700;
  line-height: 2rem;
  text-shadow: 1px 2px 2px #000;
}

history-page .k3-num {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  display: block;
  margin: 0 auto;
}

lottery-main {
  color: #333;
  /*********************** header 头部  *******************/
  /** 文本识别 */
  /* 走势图相关组件样式 =====================================start=============================================*/
  /* 走势图相关样式 =====================================end=============================================*/
}

lottery-main ion-header .toolbar-background-md,
lottery-main .header-ios .toolbar-background-ios {
  background: transparent;
}

lottery-main .brick-content .scroll-content {
  margin-bottom: 102px !important;
}

lottery-main .header_bottom .grid .row {
  white-space: nowrap;
  overflow: auto;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

lottery-main .header_bottom .grid .row::-webkit-scrollbar {
  height: 0;
}

lottery-main .layout-4 .header_bottom [col-3] {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 23%;
  -ms-flex: 0 0 23%;
  flex: 0 0 23%;
  padding: 2px 4px;
}

lottery-main .text_play .scroll-content, lottery-main .text_play .fixed-content {
  margin-bottom: 0 !important;
  overflow: auto !important;
}

lottery-main .text_play .scroll-content .select_mode, lottery-main .text_play .fixed-content .select_mode {
  border: 1px solid #3d374f;
  border-radius: 4px;
  position: relative;
}

lottery-main .text_play .scroll-content .select_mode .select_item, lottery-main .text_play .fixed-content .select_mode .select_item {
  position: fixed;
  text-align: center;
  bottom: 9.6rem;
  left: 6rem;
  width: 6rem;
  z-index: 11;
  border-radius: 4px;
  background: #4e4078;
  -webkit-box-shadow: 0 1px 0px #000;
  box-shadow: 0 1px 0px #000;
  line-height: 2.5rem;
  padding: .4rem;
}

lottery-main .text_play .scroll-content .select_mode .select_item p, lottery-main .text_play .fixed-content .select_mode .select_item p {
  display: block;
  font-size: 1.4rem;
  color: white;
  font-weight: 500;
}

lottery-main .text_play .scroll-content .select_mode .select_item p span, lottery-main .text_play .fixed-content .select_mode .select_item p span {
  display: block;
  line-height: 2.4rem;
  border-radius: .6rem;
  background: #3c335b;
  text-align: center;
  margin-bottom: .4rem;
}

lottery-main .text_play .scroll-content .select_mode .select_item p span:last-of-type, lottery-main .text_play .fixed-content .select_mode .select_item p span:last-of-type {
  margin-bottom: 0;
}

lottery-main .text_play .scroll-content .select_mode .user-range, lottery-main .text_play .fixed-content .select_mode .user-range {
  position: absolute;
  display: inline-block;
  height: 14rem;
  width: 5rem;
  background: var(--cp-color35);
  border-radius: 4px;
  -webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0);
  text-align: center;
  z-index: 999;
  bottom: 106%;
}

lottery-main .text_play .scroll-content .select_mode .user-range ion-item, lottery-main .text_play .fixed-content .select_mode .user-range ion-item {
  height: 4rem;
  min-height: 4rem;
  padding-right: 1rem;
}

lottery-main .text_play .scroll-content .select_mode .user-range ion-item .item-inner, lottery-main .text_play .fixed-content .select_mode .user-range ion-item .item-inner {
  height: 100%;
}

lottery-main .text_play .scroll-content .select_mode .user-range ion-item .item-inner ion-range, lottery-main .text_play .fixed-content .select_mode .user-range ion-item .item-inner ion-range {
  height: 4rem;
}

lottery-main .text_play .scroll-content .select_mode .user-range span, lottery-main .text_play .fixed-content .select_mode .user-range span {
  line-height: 3rem;
  font-size: 1.2rem;
  color: white;
}

lottery-main .text_play .scroll-content .select_mode .user-range input[type="range"], lottery-main .text_play .fixed-content .select_mode .user-range input[type="range"] {
  cursor: pointer;
  width: 10rem;
  height: 0.6rem;
  -webkit-appearance: none;
  z-index: 200;
  background: #726698;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  position: absolute;
  top: 7.3rem;
  left: -2.5rem;
}

lottery-main .text_play .scroll-content .select_mode .user-range input[type="range"]:focus, lottery-main .text_play .fixed-content .select_mode .user-range input[type="range"]:focus {
  border: 0 !important;
  outline: none !important;
}

lottery-main .text_play .scroll-content .select_mode .user-range input[type="range"]::-webkit-slider-thumb, lottery-main .text_play .fixed-content .select_mode .user-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #ffbb73;
  border: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 999;
}

lottery-main .text_play .scroll-content .select_mode .text, lottery-main .text_play .fixed-content .select_mode .text {
  display: inline-block;
  width: 4rem;
  font-size: 1.2rem;
  color: #ffffff;
}

lottery-main .text_play .scroll-content .select_mode .down, lottery-main .text_play .fixed-content .select_mode .down {
  border-left: 1px solid var(--cp-color179);
  font-size: 1.8rem;
  display: inline-block;
  color: #c2aaa0;
  width: 2rem;
  height: 2.6rem;
  line-height: 2.6rem;
}

lottery-main .text_play .scroll-content .select_mode .down ion-icon, lottery-main .text_play .fixed-content .select_mode .down ion-icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #7c729b;
}

lottery-main .text_play .scroll-content .middle-content, lottery-main .text_play .fixed-content .middle-content {
  height: calc(100% - 16rem) !important;
}

lottery-main .text_play .scroll-content .middle-content .no-scroll.text_content, lottery-main .text_play .fixed-content .middle-content .no-scroll.text_content {
  -ms-touch-action: none;
  touch-action: none;
}

lottery-main .text_play .scroll-content .middle-content .text_content, lottery-main .text_play .fixed-content .middle-content .text_content {
  -ms-touch-action: auto;
  touch-action: auto;
  overflow: auto;
  height: 100%;
  padding: .8rem;
  font-size: 1.2rem;
  border-top: .1rem solid #3b3a40;
}

lottery-main .text_play .scroll-content .middle-content .text_content .top_tips, lottery-main .text_play .fixed-content .middle-content .text_content .top_tips {
  margin: 0;
  padding: 0;
  color: #bfbad2;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_in, lottery-main .text_play .fixed-content .middle-content .text_content .text_in {
  margin: .4rem 0 0 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_in .form-block, lottery-main .text_play .fixed-content .middle-content .text_content .text_in .form-block {
  background: var(--cp-color173);
  border: 1px solid #554f69;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_in textarea, lottery-main .text_play .fixed-content .middle-content .text_content .text_in textarea {
  padding-left: 1rem;
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function, lottery-main .text_play .fixed-content .middle-content .text_content .text_function {
  padding-top: .8rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule {
  margin-bottom: .6rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule button, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule button {
  height: 2.4rem;
  font-size: 1.2rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .l button, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .l button {
  background: #825bac;
  margin-right: 1rem;
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .text, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .text {
  text-align: center;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r .reward_text, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r .reward_text {
  margin-right: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .r button:last-of-type, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .r button:last-of-type {
  margin-left: 1rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_rule .rule, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_rule .rule {
  background: #52a295;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group span {
  white-space: nowrap;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .code-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .code-btn {
  font-size: 1.2rem;
  border: 1px solid #554f69;
  padding: 0rem .4rem;
  margin: 0 0 0 .4rem;
  height: 2.8rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .code-btn.active, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .code-btn.active {
  background: #fa5479;
  border-color: #fa5479;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_lab, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_lab {
  white-space: nowrap;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox {
  margin-left: .8rem;
  width: 4.4rem;
  border-radius: 1rem;
  background: #d3d3d3;
  height: 2rem;
  padding: .2rem;
  -webkit-transition: all .2s ease-in-out 0s;
  transition: all .2s ease-in-out 0s;
  margin-right: 1rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox .text, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox .text {
  padding: 0 .4rem;
  color: #333;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox .text_icon, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox .text_icon {
  width: 1.6rem;
  height: 1.6rem;
  display: inline-block;
  background: #fff;
  border-radius: 50%;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox.checked, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox.checked {
  background: #fa5479;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox.checked .text_icon, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox.checked .text_icon {
  background: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox.checked .text, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox.checked .text {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_select, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_select {
  position: relative;
  margin-right: 12px;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_select .select-ios, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_select .select-ios {
  padding: 0 12px;
  line-height: 18px;
  max-width: none;
  background: #fa5479;
  padding: 0 6px;
  margin-left: 8px;
  border-radius: 4px;
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_select .select-ios .select-icon-inner, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_select .select-ios .select-icon-inner {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group {
  padding: .6rem .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group button, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group button {
  font-size: 1.4rem;
  height: 4.2rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .identify_btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .identify_btn {
  background: #e28f65;
  width: 24%;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .fail_btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .fail_btn {
  background: #d46b6f;
  width: 26%;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting {
  background: var(--cp-color187);
  width: 50%;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .text_betting i, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .text_betting i {
  font-size: 1.2rem;
  white-space: nowrap;
  font-style: normal;
  margin-top: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list {
  position: relative;
  background: var(--cp-color173);
  padding: .4rem .8rem;
  margin-bottom: .8rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list:last-child, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list:last-child {
  margin-bottom: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .warning, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .warning {
  height: 1.6rem;
  margin-right: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top {
  margin-bottom: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .lott, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .lott {
  color: #fff;
  font-weight: bold;
  min-width: auto;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top a, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top a {
  color: #f4792f;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top span {
  color: #eddede;
  min-width: 4rem;
  text-align: center;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top span i, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top span i {
  font-style: normal;
  color: #f55656;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top button, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top button {
  height: 2.2rem;
  font-size: 1.2rem;
  width: 4.8rem;
  margin: 0;
  padding: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .check-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .check-btn {
  background-color: #7297dd;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .check-btn span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .check-btn span {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .cancel-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .cancel-btn {
  background-color: #9b928b;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .cancel-btn span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .cancel-btn span {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .warning, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .warning {
  height: 1.6rem;
  margin-right: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .comfirm, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .comfirm {
  background: -webkit-gradient(linear, left top, left bottom, from(#e0655f), to(#be3c36));
  background: linear-gradient(to bottom, #e0655f, #be3c36);
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .comfirm span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .comfirm span {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top .open-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top .open-btn {
  background: transparent;
  border: .1rem solid #554f69;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top p, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top p {
  max-width: calc(100% - 18rem);
  overflow-y: auto;
  white-space: nowrap;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .top p::-webkit-scrollbar, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .top p::-webkit-scrollbar {
  height: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .down, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .down {
  padding: 0;
  background: transparent;
  margin-bottom: .6rem;
  margin: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .down .fail-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .down .fail-btn {
  background-color: #d46b6f;
  border: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .down .fail-btn span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .down .fail-btn span {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .down i, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .down i {
  font-style: normal;
  color: #f55656;
  margin-right: 1rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .down button, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .down button {
  height: 2.2rem;
  font-size: 1.2rem;
  margin: 0;
  background: transparent;
  border: 1px solid #554f69;
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result {
  padding: .4rem .8rem;
  background: #24252c;
  margin-bottom: .6rem;
  display: none;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result:last-child, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result:last-child {
  margin-bottom: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result.fail-item, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result.fail-item {
  background: transparent;
  padding: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result.visible, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result.visible {
  display: block;
  margin-top: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .top p, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .top p {
  max-width: calc(100% - 26rem);
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .top .r span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .top .r span {
  min-width: 4rem;
  margin-left: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .top .r button, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .top .r button {
  margin-left: .4rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .top .r button span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .top .r button span {
  margin-left: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .top .r .fail-btn, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .top .r .fail-btn {
  background-color: #d46b6f;
  border: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .top .r .fail-btn span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .top .r .fail-btn span {
  color: #fff;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .dels, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .dels {
  margin-bottom: .8rem;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .dels:last-of-type, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .dels:last-of-type {
  margin-bottom: 0;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result span, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result span {
  color: #f2f2f2;
  min-width: 4rem;
  text-align: center;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result span i, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result span i {
  font-style: normal;
  color: #f55656;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result span.money, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result span.money {
  text-align: right;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result span.name, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result span.name {
  text-align: left;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result span.detail, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result span.detail {
  margin-left: -.8rem;
  color: #e28f65;
}

lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_result .list .result .fail, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_result .list .result .fail {
  color: #f55656;
}

lottery-main .zuozhuang .scroll-content {
  margin-bottom: 0 !important;
  overflow: auto !important;
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content {
  overflow: visible;
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content .brick-play-area {
  overflow: visible;
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content .brick-play-area .filter {
  background: var(--cp-color171);
  position: -webkit-sticky;
  position: sticky;
  top: 0%;
  left: 0;
  z-index: 9999;
  display: block !important;
  padding: 0 !important;
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content .brick-play-area .filter .qz-filter-box {
  padding: 1rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content .brick-play-area .filter .pager {
  margin-top: 0 !important;
  padding: .4rem 1rem .4rem 1rem;
  border-top: 1px solid var(--cp-color36);
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content .brick-play-area .filter .page_lab {
  background: transparent !important;
  border-color: transparent !important;
}

lottery-main .zuozhuang .scroll-content .qz_content .middle-content .brick-play-area .filter .page_lab span {
  margin-left: -.6rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open {
  background-color: var(--lottery-header-bg2);
  overflow: hidden;
  position: relative;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .rewardpool {
  position: absolute;
  top: 2px;
  right: 1rem;
  height: 3.2rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .rewardpool .reward {
  position: relative;
  height: 100%;
  line-height: 3.2rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .rewardpool .reward img {
  height: 100%;
  position: absolute;
  top: 0;
  left: -6px;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .rewardpool .reward span {
  height: 2.2rem;
  line-height: 2rem;
  font-size: 1.2rem;
  padding: 0 1rem 0 2.6rem;
  background: #f86058;
  border: 1px solid #f4f60b;
  border-left: 0;
  color: #f4f60b;
  border-top-right-radius: 1rem;
  border-bottom-right-radius: 1rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool {
  margin: 0 0.5rem 0 .5rem;
  padding: 1rem 1rem 0 1rem;
  border-radius: 4px;
  background-color: var(--lottery-header-bg);
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .title {
  color: #fff;
  margin-bottom: 0.4rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result {
  background-size: 100% auto;
  background-position: center;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  height: 68px;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result .result_bg {
  width: 100%;
  height: 100%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result .betting_m_box {
  overflow: hidden;
  width: 100%;
  height: 38px;
  position: absolute;
  left: 0;
  right: 0;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul {
  height: 38px !important;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  position: absolute;
  top: 50%;
  left: 1rem;
  right: 1.5rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  overflow: hidden !important;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul span {
  font-size: 3.2rem;
  margin-right: 1.2%;
  color: #ffda93;
  font-weight: 900;
  width: 3rem;
  height: 38px;
  line-height: 38px;
  text-align: center;
  display: block;
  width: 10%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul span.num {
  margin-top: 0;
  -webkit-transition: all 2s ease-in-out 0s;
  transition: all 2s ease-in-out 0s;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul span.num div {
  border-radius: .2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#595959), to(#3f3c3c));
  background: linear-gradient(to bottom, #595959, #3f3c3c);
  font-family: DSDigital;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul span.money {
  width: 10%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: transparent;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul span.money img {
  width: 2.4rem;
  -webkit-transform: scale(0.7);
  transform: scale(0.7);
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-open .qz-prizepool .result div.ball-animation-ul span.douhao {
  width: 5%;
  background: transparent;
  width: auto;
  font-family: DSDigital;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang {
  margin: 0.6rem 0.5rem;
  padding: 1rem 1.4rem 1rem 1rem;
  height: 3.3rem;
  background-color: var(--lottery-header-bg);
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content {
  background: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .trend {
  color: #f7836f;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .code_content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .open-balls .ball.five.san {
  color: #6aa2f9;
  background: url(../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .open-balls .ball.five.liu {
  color: #ca7b37;
  background: url(../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .open-balls .ball.five.bao {
  color: #ff6366;
  background: url(../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content p {
  padding-top: 0;
  padding-left: 0;
  font-size: 1.4rem;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .header_open .open-balls .icon {
  display: none;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .history_box.zuozhuang .history_content .header_open .open-balls .ball.five {
  height: 2.4rem;
  width: 2.4rem;
  line-height: 2.4rem;
  margin-right: 0.6rem;
  font-size: 14px;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
  font-size: 12px;
  background-color: var(--cp-color173);
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top .play-adjust-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top .play-adjust-wrap .play-adjust {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top .play-adjust-wrap .play-adjust .prize-value {
  padding: 0 !important;
  margin-right: 6px;
  color: #ee3047;
  font-weight: 700;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top .play-adjust-wrap > .play-adjust:last-child {
  padding-right: 0;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top .play-adjust-wrap > .play-adjust:last-child .prize-value {
  margin-right: 0;
  margin-left: 6px;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .zuozhuang-play-area-top .play-intro i {
  margin-right: 2px;
  border-radius: 50%;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 1rem;
  background-color: var(--cp-color173);
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .header .header-title {
  font-size: 16px;
  font-weight: 600;
}

lottery-main .zuozhuang .scroll-content .qz_content .top-content .header .btn {
  margin-left: auto;
  width: 14rem;
  font-size: 14px;
  height: 2.8rem;
  background-color: #f7836f;
}

lottery-main .zuozhuang .scroll-content.zuozhuang .middle-content {
  height: calc(100% - 30rem);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter {
  padding: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .flex-between, lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .flex-column-between, lottery-main .zuozhuang .text_play .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .zuozhuang .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .zuozhuang-play-area .brick-play-area .balls-row .filter .text_checkbox, lottery-main .text_play .zuozhuang .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .zuozhuang-play-area .brick-play-area .balls-row .filter .text_checkbox, lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .text_checkbox, lottery-main .zuozhuang .text_play .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .middle-content .text_content .text_function .btn_group, lottery-main .text_play .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .middle-content .text_content .text_function .btn_group, lottery-main .zuozhuang .text_play .scroll-content .middle-content .text_content .text_function .zuozhuang-play-area .brick-play-area .balls-row .filter .btn_group, lottery-main .text_play .zuozhuang .scroll-content .middle-content .text_content .text_function .zuozhuang-play-area .brick-play-area .balls-row .filter .btn_group, lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .text_play .fixed-content .middle-content .text_content .text_function .btn_group, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .btn_group {
  width: 100%;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 48%;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box > div:not(.title) {
  min-width: 42px;
  height: 24px;
  line-height: 22px;
  font-size: 12px;
  margin-right: .4rem;
  background-color: var(--cp-color29);
  color: #fff;
  text-align: center;
  cursor: pointer;
  border-radius: 2px;
  border: 0.1rem solid var(--cp-color29);
  width: 26%;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box > div:not(.title):last-child {
  margin-right: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box > div:not(.title).active {
  color: var(--cp-color167);
  border-color: var(--cp-color167);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box .title {
  font-size: 12px;
  margin-right: 5px;
  padding: 0 !important;
  white-space: nowrap;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box.mini {
  white-space: nowrap;
  width: 100%;
  margin-top: .6rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .filter .filter-box.mini > div:not(.title) {
  padding: 0 6px;
  min-width: 2.2rem;
  width: 9.4% !important;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: .8rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball {
  width: calc(20% - 6px);
  margin-right: 5px;
  height: 32px;
  background-color: #2e2e36;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  padding-left: .3rem;
  overflow: hidden;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball:nth-child(5n + 1) {
  margin-left: 5px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball:nth-child(5n) {
  margin-right: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball:nth-last-child(n+6) {
  margin-bottom: 5px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball::after {
  position: absolute;
  content: '';
  border: 12px solid;
  border-left-color: transparent;
  border-top-color: transparent;
  border-bottom-color: transparent;
  border-right-color: transparent;
  right: -12px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.red {
  background-color: var(--cp-color28);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.red::after {
  border-top-color: #f55656;
  top: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.green {
  background-color: var(--cp-color28);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.green::after {
  border-bottom-color: #41d65d;
  bottom: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.bingo {
  background-color: #202024;
  -webkit-box-shadow: inset 0px 0px 8px #fdeaad;
  box-shadow: inset 0px 0px 8px #fdeaad;
  border: 1px solid #fff773;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.bingo.red {
  background-color: var(--cp-color28);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.bingo.green {
  background-color: var(--cp-color28);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.up span {
  color: #f55656;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.hidden {
  display: none;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball.down span {
  color: #41d65d;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .row-balls .ball .ball-item {
  font-size: 1rem;
  white-space: nowrap;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 5px;
  background: var(--cp-color173);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .title-wrap .play-group-title {
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
  padding: 4px 6px;
  font-size: 10px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .title-wrap .play-group-title .play-group-ball-txt {
  text-align: right;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-play-area .brick-play-area .balls-row .title-wrap .play-group-title .play-group-amount {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin-left: 2px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket {
  padding: .8rem .8rem 1rem .8rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model {
  padding: 3px 0;
  width: calc(100% - 12rem);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model ion-select {
  padding: 0;
  width: 6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model ion-select .select-icon {
  width: 2rem;
  border-left: 1px solid #ccc;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content {
  width: 12rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .col {
  padding: 1px 0px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .btn {
  width: 100%;
  height: 2.6rem;
  line-height: 2.5rem;
  background: var(--cp-color180);
  border: 1px solid var(--cp-color185);
  padding: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .btn .icon {
  color: #c2aaa0;
  font-weight: bold;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .btn.actived {
  color: #fff;
  background: #dddddd;
  border: none;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .reduce {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .plus {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .input-number {
  height: 2.6rem;
  line-height: 2.4rem;
  border: 1px solid var(--cp-color181);
  border-left: var(--cp-color183);
  border-right: var(--cp-color183);
  border-top: var(--cp-color184);
  border-bottom: var(--cp-color184);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .input-number.multiple {
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  float: left;
  background: var(--cp-color182);
  color: #ffffff;
  font-size: 1.4rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .reward-item-content .input-number .text-input-ios {
  margin: 0px;
  width: 100%;
  text-align: center;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .reward_model .rate_money {
  white-space: nowrap;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .bet_btn {
  padding: 3px 0;
  width: 12rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .bet_btn .menu-item {
  width: 100%;
  height: 3.4rem;
  margin: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .bet_btn .menu-item.canclick {
  opacity: 1;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div .bet_btn p {
  font-size: 10px;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .reward_model .reward_text {
  font-weight: 700;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .reward_model .play-adjust {
  font-size: 12px;
  font-weight: 600;
  margin-right: 0.6rem;
  color: #fff;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .reward_model .play-adjust .prize-value {
  color: #ee3047;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .reward_model .reward-item-content {
  border: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .reward_model .reward-item-content .input-number.multiple {
  color: #fff;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .button {
  margin-left: auto;
  font-weight: 700;
  background: #6c6675;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.top .button.canclick {
  background: var(--cp-color187);
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box {
  min-width: 20rem;
  width: 80%;
  border-radius: 4px;
  border: 1px solid var(--cp-color36);
  background-color: var(--cp-color35);
  color: white;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button {
  width: 13.3%;
  margin: 0;
  border: 0;
  border-right: 1px solid #565656;
  color: var(--cp-color174);
  height: 3rem;
  font-size: 1.4rem;
  float: left;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button:first-child {
  width: 20%;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button.active {
  background: #da8b32;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button.active {
  color: #fff;
  background: #da8b32;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button ion-icon {
  font-size: 1.6rem;
  margin-left: 0.2rem;
  font-weight: bold;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button:first-of-type {
  font-size: 1.2rem;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom .shortcut_box button:last-of-type {
  border-right: 0;
}

lottery-main .zuozhuang .scroll-content .zuozhuang-basket > div.bottom > .clear {
  height: 3.2rem;
  margin: 0;
  margin-left: 1rem;
  background-color: #e8ebef;
  color: #333;
}

lottery-main .brick-header-menu {
  position: fixed;
  top: 4.2rem;
  right: 2rem;
  width: 14rem;
  border-radius: 4px;
  border: 1px solid #413b53;
  z-index: 11;
  background: var(--cp-color156);
}

lottery-main .brick-header-menu img {
  display: inline-block;
  width: 2.5rem;
  height: 2.5rem;
}

lottery-main .brick-header-menu button {
  height: 3.8rem;
  padding: 0 0 0 1rem;
  background: transparent;
  border-radius: 0;
  border: 0;
}

lottery-main .brick-header-menu button span {
  position: relative;
  overflow: hidden;
}

lottery-main .brick-header-menu button:last-of-type p {
  border-bottom: 0;
}

lottery-main .brick-header-menu button p {
  width: 9rem;
  color: white;
  font-size: 1.4rem;
  padding: 2rem 0rem;
  margin-left: 1rem;
  border-bottom: 1px solid #f5f5f5;
  text-align: left;
}

lottery-main .brick-header .brick-toolbar {
  color: #ffffff;
  height: 5.6rem;
  background: url(../assets/images/brick/appbar_bg2.png) no-repeat;
  background-size: 100% 100%;
}

lottery-main .brick-header .brick-toolbar .toolbar-content-ios {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

lottery-main .brick-header .brick-toolbar .toolbar-content-ios .button-ios {
  height: auto;
  background: none;
  margin: 0;
}

lottery-main .brick-header .brick-toolbar .brick-toolbar-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

lottery-main .brick-header .brick-toolbar .back-button-icon-ios {
  color: #ffffff;
}

lottery-main .brick-header .brick-toolbar-content {
  padding: 0 0.5rem 0 0;
}

lottery-main .brick-header .brick-toolbar-issue {
  max-width: 35%;
}

lottery-main .brick-header .brick-toolbar-issue p,
lottery-main .brick-header .brick-toolbar-issue span {
  width: 100%;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

lottery-main .brick-header .brick-toolbar-countdown .burger {
  padding: 0 0.6rem;
}

lottery-main .brick-header .brick-toolbar-countdown .burger ion-icon {
  font-size: 2rem;
}

lottery-main .brick-header .brick-toolbar-countdown .countdown span,
lottery-main .brick-header .brick-toolbar-countdown .countdown div {
  margin-right: 1rem;
}

lottery-main .brick-header .brick-toolbar-countdown .countdown .time-box {
  border-radius: 3px;
  border: 1px solid var(--cp-color26);
  background-color: var(--cp-color26);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.4rem 0.8rem;
}

lottery-main .brick-header .brick-toolbar-countdown .countdown .time {
  color: white;
  height: 3.4rem;
  line-height: 3.4rem;
  position: relative;
  text-align: center;
  font-size: 26px;
  font-family: DSDigital;
  margin-right: 0;
}

lottery-main .scroll-content::-webkit-scrollbar {
  width: 0;
}

lottery-main .dragon-loading {
  position: fixed;
  top: 0px;
  bottom: 0px;
  left: 0rem;
  right: 0rem;
  background: rgba(216, 216, 216, 0.5);
  padding-top: 60%;
  z-index: 30;
}

lottery-main .betting-mask {
  position: fixed;
  display: block;
  top: 0px;
  left: 0rem;
  right: 0rem;
  background: rgba(0, 0, 0, 0.4);
  z-index: 30;
  opacity: 0;
}

lottery-main .betting-mask.open {
  bottom: 0px;
  opacity: 1;
}

lottery-main .textarea-betting {
  padding: 5px;
  margin: 0 1rem 1rem 1rem;
  background: var(--cp-color173);
}

lottery-main .textarea-betting .card-content-ios {
  padding: 0px;
}

lottery-main .textarea-betting .list {
  border: 1px solid #554f69;
}

lottery-main .textarea-betting .list .item-ios {
  background: var(--cp-color173) !important;
  color: white !important;
}

lottery-main .textarea-betting .list .form-block #ion-textarea {
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  -o-user-select: auto !important;
  user-select: auto !important;
}

lottery-main .textarea-betting .list .form-block .item-inner {
  padding: 0rem;
}

lottery-main .textarea-betting .list .form-block .text-input-ios {
  margin: 0px;
  padding: 5px;
  width: 100%;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  -o-user-select: auto !important;
  user-select: auto !important;
}

lottery-main .textarea-betting .list .form-block.activated {
  background: transparent;
}

lottery-main .textarea-betting .shortcut-btn-group {
  text-align: right;
  padding: 1rem 0px;
}

lottery-main .textarea-betting .shortcut-btn-group .button-ios {
  height: 2.8rem;
  background: #825bac;
}

lottery-main .textarea-betting .shortcut-btn-group .button-ios .button-inner {
  font-size: 1.4rem;
}

lottery-main .textarea-betting .help {
  padding: 0.6rem 0rem;
  color: #bfbad2;
}

lottery-main .textarea-betting .help.tips-group {
  overflow: hidden;
}

lottery-main .textarea-betting .help.tips-group .tips {
  width: 80%;
  float: left;
}

lottery-main .textarea-betting .help.tips-group .tips b {
  font-size: inherit;
}

lottery-main .textarea-betting .help.tips-group .shortcut-btn-group {
  float: left;
  width: 20%;
  margin-top: 4px;
  padding: 0;
}

lottery-main .textarea-betting .help p {
  font-size: 1.2rem;
}

lottery-main .basket-empty {
  position: absolute;
  top: -45px;
  width: 150px;
  background: rgba(255, 31, 46, 0.8);
  padding: 1rem 0rem;
  text-align: center;
  border-radius: 6px;
  color: #ffffff;
}

lottery-main .trend-content .trend-btn-group button {
  width: 25%;
  height: 36px;
  border-right: 1px solid #4e5ea7;
  border-radius: 0;
  border-bottom: 1px solid #4e5ea7;
  background: #fff;
  color: #dddddd;
}

lottery-main .trend-content .trend-btn-group button:last-of-type {
  border-right: none;
}

lottery-main .trend-content .trend-btn-group button.active {
  background: #4e5ea7;
  color: #fff;
}

lottery-main .trend-content .topTab {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom: 1px solid #ccc;
  background: #f5f5f5;
  height: 44px;
  line-height: 44px;
  position: relative;
  background: #fff;
  overflow: hidden;
}

lottery-main .trend-content .topTab .btn-choose {
  position: relative;
  float: left;
  width: 8.2rem;
  height: 43px;
  line-height: 43px;
  padding: 0 0.4rem;
  color: #ff3635;
  margin: 0 -8.2rem 0 0;
  z-index: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

lottery-main .trend-content .topTab .btn-choose::after {
  position: absolute;
  z-index: 10000;
  content: " ";
  display: table;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #0a2461;
  border-bottom: 0 solid #0a2461;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

lottery-main .trend-content .topTab .btn-choose.active::after {
  border-bottom: 6px solid #0a2461;
  border-top: 0 solid #0a2461;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

lottery-main .trend-content .topTab .header-tabs {
  margin-left: 8.2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0.4rem 0 1rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  padding: 6px 0.8rem;
}

lottery-main .trend-content .topTab .header-tabs .header-border {
  border: 1px solid #fff;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

lottery-main .trend-content .topTab .header-tabs .table-box {
  height: 100%;
  overflow: hidden;
  background: #fff;
  border: 1px solid #dddddd;
  border-radius: 5px;
}

lottery-main .trend-content .topTab .header-tabs .table-box.no-b {
  border: none;
}

lottery-main .trend-content .topTab .header-tabs button {
  display: inline-block;
  height: 100%;
  padding: 0 14px;
  border-radius: 0;
  border-right: 1px solid #fff;
  background: #fff;
  color: #dddddd;
}

lottery-main .trend-content .topTab .header-tabs button.ten {
  padding: 0 5px;
}

lottery-main .trend-content .topTab .header-tabs button.active {
  background: #4e5ea7;
  color: #fff;
}

lottery-main .trend-content .topTab .header-tabs button:first-of-type {
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
}

lottery-main .trend-content .topTab .header-tabs button:last-of-type {
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  border-right: none;
}

lottery-main .trend-content .topTab .header-tabs ion-icon {
  color: #dddddd;
}

lottery-main .trend-content .total-count {
  overflow: hidden;
  line-height: 36px;
  font-size: 1.2rem;
}

lottery-main .trend-content .total-count.table-header {
  color: #333;
  background: #f5f5f5;
}

lottery-main .trend-content .total-count.table-header .title,
lottery-main .trend-content .total-count.table-header .num-box .row .col {
  border-color: #ccc !important;
}

lottery-main .trend-content .total-count.table-content {
  background: #fff;
}

lottery-main .trend-content .total-count.table-content:last-of-type .title {
  border-bottom: 0 !important;
}

lottery-main .trend-content .total-count.table-content:last-of-type .num-box .row .col {
  border-bottom: 0 !important;
}

lottery-main .trend-content .total-count.table-content .title,
lottery-main .trend-content .total-count.table-content .num-box .row .col {
  border-color: #ccc !important;
}

lottery-main .trend-content .total-count.heighter-title {
  height: 50px;
  border-bottom: 1px solid #ccc !important;
}

lottery-main .trend-content .total-count.heighter-title span {
  line-height: 50px;
}

lottery-main .trend-content .total-count.heighter-title ion-grid {
  padding: 0;
}

lottery-main .trend-content .total-count.heighter-title .col {
  height: 50px;
}

lottery-main .trend-content .total-count.heighter-title .col ion-col {
  line-height: normal !important;
}

lottery-main .trend-content .total-count .num-box .row .content-row {
  border-bottom: 1px solid #ccc !important;
}

lottery-main .trend-content .total-count .title {
  width: 17%;
  float: left;
  line-height: inherit;
  text-align: center;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  font-size: inherit;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

lottery-main .trend-content .total-count .num-box {
  width: 83%;
  float: left;
}

lottery-main .trend-content .total-count .num-box .row .col {
  padding: 0;
  line-height: inherit;
  text-align: center;
  border-right: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  font-size: inherit;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .trend-content .total-count .num-box .row .col ion-col {
  border-bottom: 0 !important;
  height: 100%;
}

lottery-main .trend-content .total-count .num-box .row .col:last-of-type {
  border-right: none !important;
}

lottery-main .trend-content .total-count .num-box .row .col .num-count {
  width: 15px;
  height: 14px;
  background: #199cdc;
  color: #fff;
  position: absolute;
  top: -5px;
  right: -2px;
  line-height: 14px;
  border-radius: 50%;
}

lottery-main .trend-content .total-count .num-box .row .content-row {
  width: 100%;
}

lottery-main .trend-content .total-count .num-box .row .content-row .col-2 {
  display: inline-block;
  width: 20%;
  text-align: center;
}

lottery-main .trend-content .total-count .num-box .row .content-row .col-1 {
  display: inline-block;
  width: 10%;
  text-align: center;
}

lottery-main .trend-content .total-count .num-box .row .content-row .content-col {
  border-right: 1px solid #ccc;
}

lottery-main .trend-content .total-count .num-box .row .content-row .content-col.none {
  color: #f5f5f5;
}

lottery-main .trend-content .total-count .num-box .row .content-row .content-col:last-of-type {
  border-right: 0;
}

lottery-main .list {
  margin: 0rem;
}

lottery-main .range-ios .range-knob {
  left: 12px;
  top: 9px;
  width: 20px;
  height: 20px;
  background-color: #a986ff;
}

lottery-main .range-ios {
  padding: 0px;
}

lottery-main .range-ios .range-pin {
  top: -11px;
}

lottery-main .range-ios.range-has-pin {
  padding-top: 0px;
}

lottery-main .lottery-mark {
  position: fixed;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.2);
  overflow: auto;
}

lottery-main .lottery-mark.trend-mark {
  top: 123px;
}

lottery-main .lottery-mark .lottery-choose .brick-choose {
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 20%;
  overflow: auto;
  background: var(--cp-color207);
  padding-top: env(safe-area-inset-top) !important;
  color: var(--cp-color203);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .back {
  position: relative;
  font-size: 16px;
  font-weight: 500;
  padding-left: 2rem;
  background: var(--cp-color201);
  border-bottom: 1px solid var(--cp-color208);
  z-index: 1;
  height: 6rem;
  color: var(--cp-color200);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .back ion-icon {
  font-size: 26px;
  color: var(--cp-color209);
  margin-right: 1rem;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full {
  min-height: 4rem;
  line-height: 4rem;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full .name {
  padding: 0.5rem 3rem 0.5rem 1.5rem;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full .name ion-icon {
  color: var(--cp-color205);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn-full .name img {
  width: 1.8rem;
  height: 1.8rem;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn {
  display: block;
  text-decoration: none;
  border-bottom: 1px solid var(--cp-color208);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn span {
  display: block;
  line-height: 2.2rem;
  text-align: center;
  padding-left: 1rem;
  font-size: 14px;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn.actived {
  background: var(--cp-color202);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-types .btn.actived ion-icon.type {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list {
  background: var(--cp-color206);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item {
  border: 0;
  outline: 0;
  display: inline-block;
  width: 100%;
  padding-left: 2rem;
  line-height: 3rem;
  padding: 0.4rem 0 0.4rem 2rem;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .hot-sign {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffde63), color-stop(#ffa449), to(#ff823a));
  background: linear-gradient(to bottom, #ffde63, #ffa449, #ff823a);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .new-sign {
  background: -webkit-gradient(linear, left top, left bottom, from(#7bebed), color-stop(#16b6af), to(#229e95));
  background: linear-gradient(to bottom, #7bebed, #16b6af, #229e95);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .fire-sign {
  background: -webkit-gradient(linear, left top, left bottom, from(#eb8296), color-stop(#db1425), to(#d00f1d));
  background: linear-gradient(to bottom, #eb8296, #db1425, #d00f1d);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item .recommend-sign {
  background: -webkit-gradient(linear, left top, left bottom, from(#f1cb83), color-stop(#ecac35), to(#f7a204));
  background: linear-gradient(to bottom, #f1cb83, #ecac35, #f7a204);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p {
  position: relative;
  color: var(--cp-color203);
  font-size: 14px;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p img {
  width: 1.8rem;
  height: 1.8rem;
  margin-right: 0.5rem;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p label {
  color: #fff;
  padding: 0;
  border-radius: 4px;
  width: 1.6rem;
  line-height: 1.6rem;
  display: inline-block;
  text-align: center;
  margin-left: 0.4rem;
  font-size: 1.2rem;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item p ion-icon {
  position: absolute;
  right: 2.4rem;
  color: var(--cp-color205);
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item.actived {
  background: var(--cp-color204);
  border: none;
  position: relative;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item.actived p {
  color: white;
}

lottery-main .lottery-mark .lottery-choose .brick-choose .brick-list .brick-item.actived::before {
  content: "";
  background-color: var(--cp-color205);
  position: absolute;
  left: 0;
  width: 3px;
  top: 0;
  bottom: 0;
}

lottery-main .lottery-mark .close-choose {
  width: calc(100% - 80%);
  height: 100%;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 80%;
  right: 0;
  bottom: 0;
}

lottery-main .col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10%;
  -ms-flex: 0 0 10%;
  flex: 0 0 10%;
  width: 10%;
  max-width: 10%;
}

lottery-main .col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}

lottery-main .col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

lottery-main .col-30 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

lottery-main .col-30:nth-of-type(3n) {
  border-right: 0px !important;
}

lottery-main .col-40 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
  width: 33.3333%;
  max-width: 33.3333%;
}

lottery-main .col-40:nth-of-type(4n) {
  border-right: 0px !important;
}

lottery-main .col-50 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

lottery-main .col-50:nth-of-type(3n) {
  border-right: 0px !important;
}

lottery-main .col-33 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  width: 33.333333%;
  max-width: 33.333333%;
}

lottery-main .col-25 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
  width: 25%;
  max-width: 25%;
}

lottery-main .btn-toggle {
  position: absolute;
  text-align: left;
  right: 0.4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  width: 6rem;
  border: 1px solid #dddddd;
  border-radius: 2rem;
  background: #fff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 4px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  height: 2.6rem;
  line-height: 1.6rem;
}

lottery-main .btn-toggle span {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.2rem;
  color: #dddddd;
  margin: 0 0 0 2px;
}

lottery-main .btn-toggle i {
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  display: inline-block;
  vertical-align: middle;
  background: #dddddd;
}

lottery-main .btn-toggle.toggle-checked {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

lottery-main .btn-toggle.toggle-checked span {
  margin: 0 2px 0 0;
}

lottery-main .issue {
  text-align: center;
}

lottery-main .head-time,
lottery-main .cache-box,
lottery-main .brick-open-content {
  background: #f5f5f5;
}

lottery-main .head-time {
  position: relative;
  background: #fff;
  overflow: hidden;
}

lottery-main .head-time .btn-choose {
  position: relative;
  float: left;
  width: 10rem;
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0 1rem 0 0.4rem;
  color: #ff3635;
  z-index: 1;
  font-size: 1.4rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

lottery-main .head-time .btn-choose::after {
  position: absolute;
  z-index: 10000;
  content: " ";
  display: table;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #e62323;
  top: 50%;
  right: 0px;
  -webkit-transform: translateY(-3px);
  transform: translateY(-3px);
}

lottery-main .head-time .timer-line {
  position: relative;
  margin-left: 10rem;
  height: 3.2rem;
  line-height: 3.2rem;
}

lottery-main .head-time .timer-line .percentage {
  position: relative;
  height: 3.7rem;
  width: 0%;
  background: #fff;
  -webkit-transition: width 1.5s;
  transition: width 1.5s;
}

lottery-main .head-time .timer-line .next-issue {
  font-size: 1.4rem;
}

lottery-main .head-time .timer-line .next-issue span {
  font-size: 1.4rem;
}

lottery-main .brick-open-content {
  padding: 0.5rem 0rem;
  overflow: hidden;
  background: #f5f5f5;
}

lottery-main .brick-open-content .go-official {
  text-align: center;
  letter-spacing: 1px;
  text-decoration: none;
  color: #fff;
  display: block;
  line-height: 1.8rem;
  display: inline-block;
  border: 1px solid #5a93e8;
  border-radius: 7px;
  padding: 0 8px;
  background: #5a93e8;
  margin-left: 0.5rem;
}

lottery-main .brick-open-content .go-official span {
  font-size: 1.2rem;
  line-height: inherit;
  vertical-align: top;
}

lottery-main .brick-open-content .go-official ion-icon {
  font-size: 1.6rem;
  line-height: inherit;
}

lottery-main .brick-open-content ion-icon {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

lottery-main .brick-open-content.history {
  height: 13rem;
  overflow: auto;
  background: #fff;
  line-height: 2.2rem;
}

lottery-main .brick-open-content.history .open-balls {
  margin-bottom: 0.2rem;
  line-height: 2.4rem;
  height: 2.4rem;
  width: 2.4rem;
}

lottery-main .brick-open-content.history .history-title {
  border-bottom: 1px solid #eee;
  margin-bottom: 0.5rem;
}

lottery-main .brick-open-content.history .history-title > div {
  font-size: 1.2rem;
  color: #333;
  margin-bottom: 0.2rem;
  font-weight: bold;
}

lottery-main .brick-open-content.history .history-title > div:first-of-type {
  text-align: left;
  text-indent: 10px;
}

lottery-main .brick-open-content.history ion-icon {
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

lottery-main .brick-open-content.history .model-text {
  font-weight: 600;
  font-size: 1.4rem;
}

lottery-main .brick-open-content.history .green-text {
  color: #03bc00;
}

lottery-main .brick-open-content.history .blue-text {
  color: #086ae4;
}

lottery-main .brick-open-content.history .red-text {
  color: #e10807;
}

lottery-main .brick-open-content.history .gray-text {
  color: #857171;
}

lottery-main .brick-open-content.history .yellow-text {
  color: #daa710;
}

lottery-main .brick-open-content.history .orange-text {
  color: #ef4f34;
}

lottery-main .brick-open-content.history .ball-num {
  background: #d1a314;
  color: #fff;
  border-radius: 50%;
  width: 26px;
  height: 26px;
}

lottery-main .brick-open-content.history .open-text {
  background: #fff;
  color: #333;
}

lottery-main .brick-open-content .row,
lottery-main .brick-open-content .col {
  padding: 0;
}

lottery-main .brick-open-content .row > div,
lottery-main .brick-open-content .col > div {
  text-align: center;
}

lottery-main .brick-open-content .last-issue {
  float: left;
  padding-left: 0.4rem;
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 2.6rem;
  font-size: 1.2rem;
  text-align: left !important;
}

lottery-main .brick-open-content .last-issue span {
  font-size: 1.2rem;
}

lottery-main .brick-open-content .open-balls {
  text-align: center;
}

lottery-main .brick-open-content .open-balls .symbol {
  font-size: 2rem;
  color: #333;
}

lottery-main .brick-open-content .open-balls .ball {
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.4rem;
  border-radius: 50%;
  font-size: 1.6rem;
  color: #fff;
  font-weight: bold;
  border: 2px solid #fff;
  -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  font-family: Arial, Helvetica, sans-serif;
}

lottery-main .brick-open-content .open-balls .ball.five {
  background-color: #ff3635;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #be1413), to(#ff3635));
  background-image: linear-gradient(0deg, #be1413 25%, #ff3635 100%);
}

lottery-main .brick-open-content .open-balls .ball.ten {
  font-size: 1.4rem;
  border-radius: 0px;
  border: 0.1rem solid #fff;
  -webkit-box-shadow: 0px 0px 3px 1px rgba(29, 29, 29, 0.4);
  box-shadow: 0px 0px 3px 1px rgba(29, 29, 29, 0.4);
  background-color: #ff3635;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(25%, #be1413), to(#ff3635));
  background-image: linear-gradient(0deg, #be1413 25%, #ff3635 100%);
}

lottery-main .top-content {
  overflow: hidden;
}

lottery-main .top-content .header_bottom {
  background: var(--cp-color28);
  -webkit-box-shadow: 0px 3px 5px #4b4561;
  box-shadow: 0px 3px 5px #4b4561;
}

lottery-main .top-content .header_bottom .grid {
  padding: 0;
}

lottery-main .top-content .header_bottom ion-col {
  padding: 2px 10px;
}

lottery-main .top-content .header_bottom ion-col button {
  border-radius: 5px;
  background: var(--cp-color29);
  color: white;
  height: 4rem;
  width: 100%;
  font-size: 1.2rem;
  font-weight: bold;
}

lottery-main .top-content .header_bottom ion-col button.active {
  color: #fff;
  -webkit-box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.1);
  background: var(--cp-color167);
}

lottery-main .top-content .history_box {
  background: var(--cp-color27);
  padding: 0.8rem 1rem;
  width: 100%;
  height: 11rem;
}

lottery-main .top-content .history_box.height15 {
  height: 15rem;
}

lottery-main .top-content .history_box .history_content {
  width: 100%;
  height: 100%;
  background: var(--cp-color166);
  background-size: 100% 100%;
}

lottery-main .top-content .history_box .history_content .header_open .open-balls {
  position: relative;
  padding-right: 2.5rem;
}

lottery-main .top-content .history_box .history_content .header_open .open-balls .row {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

lottery-main .top-content .history_box .history_content .header_open .open-balls .col {
  text-align: center;
  color: #fff;
}

lottery-main .top-content .history_box .history_content .header_open .open-balls .row.pkrow {
  margin-top: 0.6rem;
}

lottery-main .top-content .history_box .history_content .header_open .open-balls .row.kl8row {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-left: 1.5%;
}

lottery-main .top-content .history_box .history_content .header_open .open-balls ion-icon.ion-md-arrow-dropdown {
  position: absolute;
  right: 1rem;
  top: 2rem;
  bottom: 1rem;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .top-content .history_box .history_content p {
  padding: 1rem 2rem 0;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
}

lottery-main .top-content .history_box .history_content p.watting {
  font-size: 18px;
  text-align: center;
  display: inline;
}

lottery-main .top-content .history_box .history_content ion-icon {
  color: #6f6f6f;
  font-size: 24px;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five,
lottery-main .top-content .history_box .history_content .open-balls .ball.ten {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  border-radius: 50%;
  -webkit-box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0.2rem 0.4rem 0 rgba(0, 0, 0, 0.3);
  border: none;
  margin: 1rem 0rem;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.active,
lottery-main .top-content .history_box .history_content .open-balls .ball.ten.active {
  background-color: #5a93e8;
  color: #fff;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five {
  background: url(../assets/images/brick/img1@3x.png);
  background-size: 100% 100%;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  font-size: 17px;
  position: relative;
  color: black;
  font-weight: bold;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.san {
  color: #6aa2f9;
  background: url(../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.liu {
  color: #ca7b37;
  background: url(../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.bao {
  color: #ff6366;
  background: url(../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball {
  margin: 1rem 0;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball:first-of-type {
  margin-left: 0;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball:last-of-type {
  margin-right: 0;
  color: #fff;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball:last-of-type.lhc-red {
  background-image: url(../assets/images/brick/tamaball_red.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball:last-of-type.lhc-green {
  background-image: url(../assets/images/brick/tamaball_green.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball:last-of-type.lhc-blue {
  background-image: url(../assets/images/brick/tamaball_bule.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball.lhc-red {
  background-image: url(../assets/images/brick/lhc_red.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball.lhc-green {
  background-image: url(../assets/images/brick/lhc_green.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.lhc-ball.lhc-blue {
  background-image: url(../assets/images/brick/lhc_blue.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five i {
  position: absolute;
  bottom: 0.4rem;
  right: -0.3rem;
  font-size: 1.6rem;
  text-shadow: 1px 4px 4px #130632;
  font-style: normal;
  height: 2rem;
  color: #fff;
  font-weight: 500;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.k3_num {
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.kl8 {
  margin: 1rem 0rem 0rem;
  width: 10%;
  height: 0;
  padding-top: 10%;
  position: relative;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.kl8 span {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.dlt.lhc-ball:nth-last-of-type(2) {
  color: #fff;
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.dlt.lhc-ball:nth-last-of-type(2).lhc-red {
  background-image: url(../assets/images/brick/tamaball_red.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.dlt.lhc-ball:nth-last-of-type(2).lhc-green {
  background-image: url(../assets/images/brick/tamaball_green.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.five.dlt.lhc-ball:nth-last-of-type(2).lhc-blue {
  background-image: url(../assets/images/brick/tamaball_bule.png);
}

lottery-main .top-content .history_box .history_content .open-balls .ball.ten {
  color: #fff;
  font-weight: 700;
  font-size: 1.3rem;
  border-radius: 0;
  text-align: center;
  text-shadow: 1px 2px 2px #000;
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
}

lottery-main .middle-content {
  position: relative;
}

lottery-main .middle-content::-webkit-scrollbar {
  width: 0;
}

lottery-main .middle-content.offical-content {
  background: #1d1c23;
}

lottery-main .middle-content .brick-wrap {
  overflow: hidden;
  height: 100%;
}

lottery-main .option-room .cache-box {
  position: relative;
  overflow: hidden;
  background: var(--cp-color39);
  padding-left: 0.5rem;
  height: 3.4rem;
  line-height: 3.4rem;
}

lottery-main .option-room .cache-box .btn-method-choose {
  color: #dadada;
  display: block;
  text-align: center;
  font-size: 2rem;
  border-radius: 4px;
}

lottery-main .option-room .cache-box .box_btn {
  background-image: var(--cp-color168);
  position: absolute;
  right: 0;
  width: 4rem;
  height: 100%;
  -webkit-box-shadow: 0px 4px 4.9px 1.6px rgba(0, 0, 0, 0.08);
  box-shadow: 0px 4px 4.9px 1.6px rgba(0, 0, 0, 0.08);
}

lottery-main .option-room .cache-box .box-wrap {
  overflow: auto;
  position: absolute;
  left: 1rem;
  right: 4rem;
}

lottery-main .option-room .cache-box .box-wrap .cache-list {
  white-space: nowrap;
  padding-top: 0.5rem;
  height: 100%;
}

lottery-main .option-room .cache-box .box-wrap .cache-list .cache-item {
  padding: 0 0.8rem;
  margin-right: 1rem;
  font-size: 1.2rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  line-height: 2.4rem;
  border-radius: 0.4rem;
  color: #333;
  border: 1px solid #1e1b29;
  display: inline-block;
  background-color: #1e1b29;
  color: #968cb5;
}

lottery-main .option-room .cache-box .box-wrap .cache-list .cache-item.actived {
  color: #fff;
  background: var(--cp-color196);
  border-color: transparent;
}

lottery-main .option-room .reward {
  color: var(--cp-color169);
  font-size: 12px;
  height: 3rem;
  padding-left: 1rem;
  line-height: 3rem;
  background: var(--cp-color171);
}

lottery-main .option-room .reward span {
  color: #fab53d;
}

lottery-main .option-room .reward .wenhao {
  color: var(--cp-color172);
  font-size: 1.4rem;
}

lottery-main .option-room .reward .center {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

lottery-main .option-room .reward .center .button {
  font-size: 1.2rem;
}

lottery-main .credit-header .credit-tabs {
  display: block;
  background: #fff;
}

lottery-main .credit-header .credit-tabs .nav-tabs .nav-tab {
  position: relative;
  padding: 1rem 1.2rem;
  display: inline-block;
  font-size: 1.4rem;
}

lottery-main .credit-header .credit-tabs .nav-tabs .nav-tab.actived::after {
  position: absolute;
  content: " ";
  -webkit-transition: all 1s;
  transition: all 1s;
  height: 2px;
  left: 0rem;
  bottom: 0rem;
  width: 100%;
  background: #111420;
}

lottery-main .credit-header .chips {
  position: relative;
  padding: 0.4rem;
  overflow: hidden;
  background: #fff;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

lottery-main .credit-header .chips .chips-list {
  margin-right: 12rem;
  overflow: hidden;
}

lottery-main .credit-header .chips .chips-list .btn-chip {
  float: left;
  width: 20%;
  height: 3.2rem;
  line-height: 3.2rem;
  padding: 0px;
  margin: 0px;
  background: none;
}

lottery-main .credit-header .chips .chips-list .btn-chip img {
  display: inline-block;
  width: 60%;
  margin: auto;
  vertical-align: middle;
}

lottery-main .credit-header .chips .chips-money {
  float: right;
  width: 12rem;
}

lottery-main .credit-header .chips .chips-money .lbl-money {
  position: relative;
  float: left;
  width: 40px;
  text-align: center;
  line-height: 3.2rem;
  margin: 0rem -40px 0 0;
}

lottery-main .credit-header .chips .chips-money .chips-right {
  float: left;
  width: 100%;
  border: 1px solid #ddd;
}

lottery-main .credit-header .chips .chips-money .chips-right .chips-content {
  line-height: 3.2rem;
  margin: 0rem 0 0 36px;
}

lottery-main .credit-header .chips .chips-money .chips-right .chips-content .text-input-ios {
  margin: 0;
  text-align: center;
}

lottery-main .brick-credit.footer-hide .fixed-content,
lottery-main .brick-credit.footer-hide .scroll-content {
  margin-top: 56px !important;
  margin-bottom: 0rem !important;
}

lottery-main .brick-credit.brick-bet .fixed-content,
lottery-main .brick-credit.brick-bet .scroll-content {
  margin-top: 56px !important;
  margin-bottom: 110px !important;
}

lottery-main .brick-credit.brick-bet.actived .fixed-content,
lottery-main .brick-credit.brick-bet.actived .scroll-content {
  margin-top: 19.2rem !important;
  margin-bottom: 44px !important;
}

lottery-main .brick-credit.open-code-expand .fixed-content,
lottery-main .brick-credit.open-code-expand .scroll-content {
  margin-top: 32rem !important;
}

lottery-main .open-code-expand .fixed-content,
lottery-main .open-code-expand .scroll-content {
  margin-top: 26.7rem !important;
}

lottery-main .footer-hide .fixed-content,
lottery-main .footer-hide .scroll-content {
  margin-top: 44px !important;
  margin-bottom: 0rem !important;
}

lottery-main .show-open-list-top .fixed-content,
lottery-main .show-open-list-top .scroll-content {
  margin-top: 44px !important;
  margin-bottom: 0rem !important;
}

lottery-main .show-game-list .fixed-content,
lottery-main .show-game-list .scroll-content {
  margin-top: 80px !important;
  margin-bottom: 0rem !important;
}

lottery-main .brick-dragon .fixed-content,
lottery-main .brick-dragon .scroll-content,
lottery-main .road-map .fixed-content,
lottery-main .road-map .scroll-content {
  margin-bottom: 0 !important;
}

lottery-main .brick-content {
  position: relative;
}

lottery-main .brick-content.variable .fixed-content,
lottery-main .brick-content.variable .scroll-content {
  overflow: hidden;
  -webkit-overflow-scrolling: unset;
  will-change: unset;
  background: var(--cp-color39);
}

lottery-main .brick-content.variable .middle-content {
  overflow: auto;
  height: calc(100% - 15rem);
  background: var(--cp-color34);
}

lottery-main .brick-content.variable .middle-content .brick-play-area {
  height: calc(100% - 6rem);
  overflow: auto;
}

lottery-main .brick-content .new_credit_tabs {
  position: absolute;
  left: 0;
  width: 5rem;
  z-index: 9;
  top: 1rem;
  bottom: 1rem;
  overflow: auto;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  background: #1c1c25;
}

lottery-main .brick-content .new_credit_tabs.sub-tab {
  height: 3.8rem;
  background: transparent;
}

lottery-main .brick-content .new_credit_tabs.sub-tab .nav-tab {
  height: 2.6rem;
  line-height: 2.4rem;
}

lottery-main .brick-content .new_credit_tabs::-webkit-scrollbar-thumb {
  background-color: red;
  /*滚动条的背景颜色*/
}

lottery-main .brick-content .new_credit_tabs::-webkit-scrollbar {
  display: none;
}

lottery-main .brick-content .new_credit_tabs .nav-tab {
  height: 6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0;
  text-align: center;
  width: 100%;
  color: white;
  position: relative;
  font-size: 1.2rem;
  border-bottom: 1px solid #444343;
  text-decoration: none;
}

lottery-main .brick-content .new_credit_tabs .nav-tab:last-of-type {
  border-bottom: 0;
}

lottery-main .brick-content .new_credit_tabs .nav-tab.actived {
  color: var(--cp-color188);
  font-weight: 700;
  background: var(--cp-color30);
}

lottery-main .brick-content .new_credit_tabs .nav-tab.actived:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.3rem;
  left: 0;
  background: var(--cp-color189);
}

lottery-main .brick-content .credit-play-area {
  position: absolute;
  left: 6.6rem;
  right: 0;
  z-index: 9;
  top: 1rem;
  bottom: 0;
  overflow: auto;
}

lottery-main .brick-content .credit-play-area .pcdd-tips {
  color: #fe3d5d;
  font-size: 1.2rem;
}

lottery-main .brick-content .dingwei-ball-area .brick-room .method-group .method-row .method-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}

lottery-main .brick-content .dingwei-ball-area .brick-room .method-group .method-row .method-item .method {
  border-radius: 50%;
  width: 4.8rem;
  height: 4.8rem;
}

lottery-main .brick-content .dingwei-ball-area .brick-room .method-group .method-row .method-item .method span {
  margin: 2px !important;
}

lottery-main .brick-content .dingwei-ball-area .brick-room .method-group .method-row .method-item .method span i {
  display: none;
}

lottery-main .brick-content .number-ball-area .brick-room .method-group .method-row .method-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}

lottery-main .brick-content .number-ball-area .brick-room .method-group .method-row .method-item .method {
  border-radius: 50%;
  width: 4.8rem;
  height: 4.8rem;
}

lottery-main .brick-content .number-ball-area .brick-room .method-group .method-row .method-item .method span {
  line-height: 4.8rem;
  margin: 0 !important;
  font-size: 1.8rem;
}

lottery-main .brick-content .number-ball-area .brick-room .method-group .method-row .method-item .method span i {
  display: none;
}

lottery-main .brick-content .odds-block {
  font-size: 1.2rem;
}

lottery-main .brick-content .odds-block span {
  color: var(--cp-color167);
  font-weight: bold;
  font-family: DINAlternate;
}

lottery-main .brick-content .with_tab_area {
  height: 100%;
  width: 100%;
}

lottery-main .brick-content .with_tab_area .tab_area {
  width: 100%;
  border-bottom: 1px solid #42435a;
  padding: 1rem 0;
}

lottery-main .brick-content .with_tab_area .tab_area ion-grid ion-row ion-col {
  padding: 0 0.4rem;
}

lottery-main .brick-content .with_tab_area .tab_area ion-grid ion-row ion-col button {
  background: #5b5a94;
  color: white;
  height: 3.4rem;
  text-align: center;
  font-size: 1.2rem;
  width: 100%;
  font-weight: 700;
  border: 1px solid #7372a7;
}

lottery-main .brick-content .with_tab_area .tab_area ion-grid ion-row ion-col button.active {
  background: #d65151;
  color: white;
  border: 1px solid #f46666;
}

lottery-main .brick-content .with_tab_area .zuxuan-method-layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

lottery-main .brick-content .with_tab_area .zuxuan-method-layout .zuxuan-table-vertical {
  height: 5.6rem;
  background: var(--cp-color32);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid var(--cp-color33);
  border-radius: 3px;
  margin: 0.5rem;
  padding: 0 0.1rem;
  width: 30%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .brick-content .with_tab_area .zuxuan-method-layout .zuxuan-table-vertical.active {
  background-color: var(--cp-color190);
  border-color: var(--cp-color190);
}

lottery-main .brick-content .with_tab_area .zuxuan-method-layout .zuxuan-table-vertical.active .zuxuan-table-cell:last-child {
  color: #fff;
}

lottery-main .brick-content .with_tab_area .zuxuan-method-layout .zuxuan-table-vertical .zuxuan-table-cell {
  text-align: center;
  color: #fff;
  font-size: 12px;
}

lottery-main .brick-content .with_tab_area .zuxuan-method-layout .zuxuan-table-vertical .zuxuan-table-cell:last-child {
  color: var(--cp-color199);
}

lottery-main .brick-content .with_tab_area .ckick_num_area {
  height: calc(100% - 16rem);
  width: 100%;
  overflow: auto;
}

lottery-main .brick-content .credit-rows {
  background: var(--cp-color31);
}

lottery-main .brick-content .credit-rows .method-group {
  border-bottom: 1px solid #2f2e2e;
  padding: 0 0.5rem 1rem 0;
}

lottery-main .brick-content .credit-rows .method-group:last-of-type {
  border-bottom: 0;
}

lottery-main .brick-content .credit-rows .method-group.down ion-icon {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

lottery-main .brick-content .credit-rows .method-group.down .method-row {
  height: 0;
  overflow: hidden;
}

lottery-main .brick-content .credit-rows .method-title {
  padding: 1rem 1.6rem 1rem 0;
  text-align: left;
  font-size: 1.3rem;
  color: white;
  font-weight: 500;
}

lottery-main .brick-content .credit-rows .method-title ion-icon {
  color: #6f6f6f;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

lottery-main .brick-content .credit-rows .shahao {
  text-align: center;
}

lottery-main .brick-content .credit-rows .shahao button {
  font-size: 1.3rem;
  background-color: var(--cp-color190);
}

lottery-main .brick-content .credit-rows .method-row.flex-width .method {
  width: 5.7rem;
}

lottery-main .brick-content .credit-rows .method-row .col {
  padding: 0rem;
}

lottery-main .brick-content .credit-rows .method-row .method-item {
  padding: 0.5rem 0.1rem;
}

lottery-main .brick-content .credit-rows .method-row .method-item .banbo-item .method {
  width: 7.7rem;
}

lottery-main .brick-content .credit-rows .method-row .method-item .num-arr {
  margin-left: 1rem;
  -webkit-flex-flow: wrap;
  -ms-flex-flow: wrap;
  flex-flow: wrap;
}

lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .red-ball,
lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .green-ball,
lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .blue-ball {
  margin: 0.4rem;
  display: inline-block;
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.4rem;
  text-align: center;
  border-radius: 50%;
  color: #cccddf;
  font-size: 1.2rem;
}

lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .red-ball {
  border: 1px solid #fc2c32;
}

lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .green-ball {
  border: 1px solid #22d426;
}

lottery-main .brick-content .credit-rows .method-row .method-item .num-arr .blue-ball {
  border: 1px solid #37b0e8;
}

lottery-main .brick-content .credit-rows .method-row .odds {
  font-size: 1.2rem;
  color: var(--cp-color199);
  font-family: DINAlternate;
  margin-top: 0.4rem;
}

lottery-main .brick-content .credit-rows .method-row .method {
  width: 95%;
  height: 5.6rem;
  background: var(--cp-color32);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border: 1px solid var(--cp-color33);
  border-radius: 3px;
  margin: 0 0.5rem;
  padding: 0 0.1rem;
}

lottery-main .brick-content .credit-rows .method-row .method.method-checked span {
  font-size: 1.2rem;
  margin: 0.4rem 0;
}

lottery-main .brick-content .credit-rows .method-row .method.method-checked span.sign {
  font-size: 1.2rem;
  font-weight: 400;
}

lottery-main .brick-content .credit-rows .method-row .method.method-checked i {
  font-style: normal;
  color: #fff;
  font-size: 1.2rem;
}

lottery-main .brick-content .credit-rows .method-row .method span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 1.2rem;
  padding: 0px 2px;
  color: var(--cp-color199);
}

lottery-main .brick-content .credit-rows .method-row .method span.sign {
  font-size: 1.2rem;
  color: white;
  font-weight: bold;
  margin-bottom: 0.6rem;
}

lottery-main .brick-content .credit-rows .method-row .method span.sign.small-text {
  font-size: 1.4rem !important;
}

lottery-main .brick-content .credit-rows .method-row .method.no-br {
  border-right: 0;
}

lottery-main .brick-content .credit-rows .method-row .method.method-checked {
  background: var(--cp-color190);
  border-color: var(--cp-color190);
  color: #fff;
}

lottery-main .brick-content .credit-rows .method-row .method.method-checked span {
  color: #fff;
}

lottery-main .brick-content .road-map-container {
  background: var(--cp-color27);
  height: calc(100% - 16rem - env(safe-area-inset-bottom));
}

lottery-main .brick-content .dragon-container {
  position: relative;
  height: calc(100% - 16.4rem - env(safe-area-inset-bottom));
}

lottery-main .brick-play-area {
  background: var(--cp-color171);
}

lottery-main .brick-play-area .grid {
  padding: 1rem;
  background: var(--cp-color39);
  padding-bottom: 1rem;
}

lottery-main .brick-play-area .brick-operate {
  padding: 0.8rem 0px;
  background-color: var(--cp-color173);
  margin-bottom: 1rem;
  border-radius: 0.4rem;
  position: relative;
}

lottery-main .brick-play-area .brick-operate.medium .ball {
  width: auto;
  display: block;
  border-radius: 4px;
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball {
  position: relative;
  height: 7rem;
  background: #fff;
  -webkit-box-shadow: none;
  box-shadow: none;
  border: 1px solid var(--cp-color191);
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball.actived {
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa463), to(#d57727));
  background: linear-gradient(to bottom, #ffa463, #d57727);
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span {
  display: inline-block;
  position: static;
  height: 3.5rem;
  width: auto;
  margin-top: -1rem;
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span:first-of-type {
  width: 100%;
  margin: 0;
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span img {
  width: 3rem;
  height: 3rem;
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .k3-ball span i {
  text-align: center;
  width: 3rem;
  height: 3rem;
  font-style: normal;
  color: #333;
  line-height: 3rem;
  display: inline-block;
  font-size: 2.4rem;
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .lryl {
  position: absolute;
  top: 1rem;
  right: 0rem;
}

lottery-main .brick-play-area .brick-operate.medium .select-layout .row .num .lryl.actived {
  color: #fff;
}

lottery-main .brick-play-area .brick-operate .label.col {
  position: relative;
  padding: 0;
}

lottery-main .brick-play-area .brick-operate .label.col .title {
  position: absolute;
  top: 50%;
  font-size: 1.4rem;
  color: var(--cp-color174);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  text-align: center;
  display: block;
  width: 100%;
}

lottery-main .brick-play-area .brick-operate .col > div {
  text-align: center;
}

lottery-main .brick-play-area .brick-operate .col-20 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
  width: 20%;
  max-width: 20%;
}

lottery-main .brick-play-area .brick-operate .col-20.col-33 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.33333333%;
  -ms-flex: 0 0 33.33333333%;
  flex: 0 0 33.33333333%;
  width: 33.33333333%;
  max-width: 33.33333333%;
}

lottery-main .brick-play-area .brick-operate .col-20.col-33 .ball {
  width: 100%;
  border-radius: 4px;
}

lottery-main .brick-play-area .brick-operate .shortcut_layout {
  position: relative;
}

lottery-main .brick-play-area .brick-operate .shortcut_layout .span_box {
  width: 100%;
}

lottery-main .brick-play-area .brick-operate .shortcut_layout .span_box .short_btn {
  display: block;
  width: 1rem;
  height: 3rem;
  text-align: center;
  background: var(--cp-color176);
  line-height: 3rem;
  border-radius: 0.4rem;
  color: var(--cp-color177);
}

lottery-main .brick-play-area .brick-operate .shortcut_layout .short_cut {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1rem;
  width: 23rem;
  background: #a48ce9;
  border-radius: 2rem;
  padding: 0.5rem 0;
}

lottery-main .brick-play-area .brick-operate .shortcut_layout .short_cut a {
  width: 2.6rem;
  height: 2.6rem;
  line-height: 2.6rem;
  text-align: center;
  font-size: 1.2rem;
  color: #d5c9ff;
  border: 1px solid #a394da;
  border-radius: 50%;
  background: #6448b5;
  text-decoration: none;
}

lottery-main .brick-play-area .brick-operate .shortcut_layout .short_cut a.close_btn {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
  font-size: 1.8rem;
}

lottery-main .brick-play-area .brick-operate .balls .num {
  position: relative;
  padding: 1rem 5px;
}

lottery-main .brick-play-area .brick-operate .balls .num span {
  position: absolute;
  right: 1rem;
  bottom: -0.8rem;
  font-size: 1.3rem;
  color: #7c63d7;
  width: 3.4rem;
  display: inline-block;
  text-align: center;
  font-family: DINAlternate;
}

lottery-main .brick-play-area .brick-operate .balls .num span.max {
  color: #ffa414;
  font-weight: 600;
}

lottery-main .brick-play-area .brick-operate .balls .num span.min {
  color: #38b6ff;
  font-weight: 600;
}

lottery-main .brick-play-area .brick-operate .ball {
  cursor: pointer;
  display: inline-block;
  width: 3.4rem;
  height: 3.4rem;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 3.6rem;
  border-radius: 50%;
  color: white;
  -webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0.2);
  font-family: DINAlternate;
  background-color: var(--cp-color175);
}

lottery-main .brick-play-area .brick-operate .ball.actived {
  color: #333;
  background: url(../assets/images/brick/img1@3x.png);
  background-size: 100%;
}

lottery-main .brick-play-area .brick-operate .ball.actived.lh-ball {
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#f90302), to(#c11412));
  background: linear-gradient(to bottom, #f90302, #c11412);
}

lottery-main .brick-play-area .brick-operate.large .balls .num {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.333333%;
  -ms-flex: 0 0 33.333333%;
  flex: 0 0 33.333333%;
  max-width: 33.33333%;
  width: 33.3333333%;
}

lottery-main .brick-play-area .brick-operate.large .balls .num .ball {
  border-radius: 0;
  width: 100%;
}

lottery-main .brick-play-area .brick-operate.large .balls .num .ball.actived {
  background: -webkit-gradient(linear, left top, left bottom, from(#f90302), to(#c11412));
  background: linear-gradient(to bottom, #f90302, #c11412);
  color: #fff;
}

lottery-main .brick-play-area .brick-operate.medium .ball {
  width: auto;
  display: block;
  border-radius: 4px;
}

lottery-main .brick-play-area .brick-operate .checkbox-group {
  text-align: center;
}

lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item {
  position: relative;
  cursor: pointer;
  padding: 0.7rem 1.2rem;
  background-color: #f7f7f7;
  -webkit-box-shadow: 0px 0px 2px 2px #efefef;
  box-shadow: 0px 0px 2px 2px #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), to(#f5f5f5));
  background-image: linear-gradient(180deg, #f7f7f7 0%, #f5f5f5 100%);
}

lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item.checked {
  color: #0e1f49;
  background: #fff;
}

lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item.checked::after {
  position: absolute;
  content: " ";
  border: 1px solid #0d2e86;
  z-index: 100;
  top: 0px;
  left: 0px;
  right: 0px;
  bottom: 0px;
}

lottery-main .brick-play-area .brick-operate .checkbox-group .chk-item.checked .checked-img {
  position: absolute;
  right: 0px;
  bottom: 0px;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../assets/images/icon_s.png);
  background-size: contain;
}

lottery-main .brick-play-area .brick-operate .hot-skin-btngroup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
}

lottery-main .brick-play-area .brick-operate .hot-skin-btngroup > div {
  display: table;
  width: 90%;
  border-radius: 5px;
  margin: 0 auto;
  height: 82%;
  border-radius: 5px;
  overflow: hidden;
  border: 1px solid #eee;
  position: relative;
}

lottery-main .brick-play-area .brick-operate .hot-skin-btngroup > div::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 50%;
  width: 1px;
  background: #eee;
}

lottery-main .brick-play-area .brick-operate .hot-skin-btngroup > div button {
  width: 50%;
  height: 100%;
  background: #fff;
  float: left;
  font-size: 1rem !important;
  padding: 0;
  /* &:first-of-type {
                            border-right: 1px solid red !important;
                        } */
}

lottery-main .brick-play-area .brick-operate .hot-skin-btngroup > div button.active {
  background: #dddddd;
  color: #fff;
}

lottery-main .footer .toolbar {
  contain: unset;
  padding: 0 !important;
  overflow: inherit;
}

lottery-main .footer .bonus-info {
  background: #fff;
  margin: 0rem;
  padding: 0.4rem 0rem;
  border-top: 1px solid #ddd !important;
}

lottery-main .footer .bonus-info .pull-left,
lottery-main .footer .bonus-info .pull-right {
  float: left;
  position: relative;
  width: 4rem;
  margin: 0rem -4rem 0 0;
}

lottery-main .footer .bonus-info .pull-center {
  float: left;
  width: 100%;
}

lottery-main .footer .bonus-info .pull-center .pull-content {
  margin: 0 0% 0 5.2rem;
}

lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .col {
  padding: 5px 3px;
}

lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .btn {
  width: 100%;
  height: 2.6rem;
  line-height: 2.5rem;
  border-radius: 4px;
  border-radius: 4px;
  padding: 0;
  background: #3e354f;
  border: 1px solid #595959;
}

lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .btn.actived {
  color: #fff;
  background: #dddddd;
  border: none;
}

lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .input-number {
  height: 2.6rem;
  line-height: 2.4rem;
  border: 1px solid #595959;
  border-radius: 4px;
}

lottery-main .footer .bonus-info .pull-center .pull-content .reward-item-content .input-number .text-input-ios {
  margin: 0px;
  width: 100%;
  text-align: center;
}

lottery-main .footer .bonus-info .pull-left .title {
  display: block;
  text-align: center;
  padding: 0.8rem 0rem;
}

lottery-main .footer .bonus-info .pull-left .title.adjust {
  position: relative;
}

lottery-main .footer .bonus-info .pull-left .title.adjust.actived::after {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

lottery-main .footer .bonus-info .pull-left .title.multiple {
  margin-top: 0.5rem;
}

lottery-main .footer .bonus-info .pull-right {
  float: right;
}

lottery-main .footer .multiple_shortcut {
  width: 100%;
  overflow: hidden;
  padding: 0 0.3rem;
  background: var(--cp-color275);
}

lottery-main .footer .multiple_shortcut .multiple_btn {
  width: 20%;
  float: left;
  padding: 0.6rem 0.6rem;
  height: 5rem;
}

lottery-main .footer .multiple_shortcut .multiple_btn button {
  width: 100%;
  height: 100%;
  color: #ffffff;
  font-size: 1.2rem;
  background: #dd8043;
  -webkit-box-shadow: 0px 0px 3px #3b3543;
  box-shadow: 0px 0px 3px #3b3543;
}

lottery-main .footer .multiple_shortcut .multiple_btn.num button {
  background: #3b3543;
  color: white;
  font-size: 1.4rem;
  font-weight: 700;
}

lottery-main .footer .multiple_shortcut .multiple_btn.enter {
  height: 10rem;
  float: right;
}

lottery-main .footer .bet-reward {
  background: var(--cp-color34);
  padding: 8px 10px;
  text-align: center;
}

lottery-main .footer .bet-reward .shortcut_box {
  min-width: 20rem;
  width: 72%;
  border-radius: 4px;
  border: 1px solid var(--cp-color36);
  background-color: var(--cp-color35);
  color: white;
}

lottery-main .footer .bet-reward .shortcut_box button {
  margin: 0;
  border: 0;
  border-right: 1px solid #565656;
  color: var(--cp-color174);
  height: 3rem;
  font-size: 1.4rem;
  float: left;
  width: 20%;
  background: transparent;
  border-radius: 0;
  padding: 0;
}

lottery-main .footer .bet-reward .shortcut_box button.active {
  color: #fff;
  background: #da8b32;
}

lottery-main .footer .bet-reward .shortcut_box button ion-icon {
  font-size: 1.6rem;
  margin-left: 0.2rem;
  font-weight: bold;
}

lottery-main .footer .bet-reward .shortcut_box button:first-of-type {
  font-size: 1.2rem;
}

lottery-main .footer .bet-reward .shortcut_box button:last-of-type {
  border-right: 0;
}

lottery-main .footer .bet-reward .credit_money {
  height: 3rem;
  border-radius: 4px;
  width: 5.5rem;
  border: solid 0.5px var(--cp-color38);
  background-color: var(--cp-color37);
}

lottery-main .footer .bet-reward .credit_money ion-input {
  height: 100%;
  border: 0;
  background: transparent;
  border-radius: 0;
  color: #f1da71;
}

lottery-main .footer .bet-reward .credit_money ion-input input {
  line-height: 3rem;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

lottery-main .footer .bet-reward .reward_model {
  padding: 3px 0;
}

lottery-main .footer .bet-reward .reward_model ion-select {
  padding: 0;
  width: 6rem;
  border: 1px solid #ccc;
  border-radius: 4px;
}

lottery-main .footer .bet-reward .reward_model ion-select .select-icon {
  width: 2rem;
  border-left: 1px solid #ccc;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content {
  width: 9rem;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .col {
  padding: 1px 0px;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .btn {
  width: 100%;
  height: 2.6rem;
  line-height: 2.5rem;
  background: var(--cp-color180);
  border: 1px solid var(--cp-color185);
  padding: 0;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .btn .icon {
  color: #c2aaa0;
  font-weight: bold;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .btn.actived {
  color: #fff;
  background: #dddddd;
  border: none;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .reduce {
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .plus {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .input-number {
  height: 2.6rem;
  line-height: 2.4rem;
  border: 1px solid var(--cp-color181);
  border-left: var(--cp-color183);
  border-right: var(--cp-color183);
  border-top: var(--cp-color184);
  border-bottom: var(--cp-color184);
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .input-number.multiple {
  margin: 0;
  width: 100%;
  height: 100%;
  border-radius: 0;
  float: left;
  background: var(--cp-color182);
  color: #ffffff;
  font-size: 1.4rem;
}

lottery-main .footer .bet-reward .reward_model .reward-item-content .input-number .text-input-ios {
  margin: 0px;
  width: 100%;
  text-align: center;
}

lottery-main .footer .bet-reward .light {
  width: 2rem;
  height: 2rem;
  padding: 0;
  background: transparent;
  color: #6f6896;
}

lottery-main .footer .bet-reward .select_mode {
  border: 1px solid #3d374f;
  border-radius: 4px;
  position: relative;
  background-color: var(--cp-color35);
}

lottery-main .footer .bet-reward .select_mode .select_item {
  position: fixed;
  text-align: center;
  bottom: 9.6rem;
  left: 6rem;
  width: 6rem;
  z-index: 11;
  border-radius: 4px;
  background: #4e4078;
  -webkit-box-shadow: 0 1px 0px #000;
  box-shadow: 0 1px 0px #000;
  line-height: 2.5rem;
  padding: .4rem;
}

lottery-main .footer .bet-reward .select_mode .select_item p {
  display: block;
  font-size: 1.4rem;
  color: white;
  font-weight: 500;
}

lottery-main .footer .bet-reward .select_mode .select_item p span {
  display: block;
  line-height: 2.4rem;
  border-radius: .6rem;
  background: #3c335b;
  text-align: center;
  margin-bottom: .4rem;
}

lottery-main .footer .bet-reward .select_mode .select_item p span:last-of-type {
  margin-bottom: 0;
}

lottery-main .footer .bet-reward .select_mode .user-range {
  position: fixed;
  display: inline-block;
  height: 14rem;
  width: 5rem;
  background: var(--cp-color35);
  border-radius: 4px;
  -webkit-box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0);
  box-shadow: 0 0.2rem 0.2rem 0 rgba(0, 0, 0, 0);
  text-align: center;
  z-index: 999;
  top: calc(100% - 23.2rem);
}

lottery-main .footer .bet-reward .select_mode .user-range ion-item {
  height: 4rem;
  min-height: 4rem;
  padding-right: 1rem;
}

lottery-main .footer .bet-reward .select_mode .user-range ion-item .item-inner {
  height: 100%;
}

lottery-main .footer .bet-reward .select_mode .user-range ion-item .item-inner ion-range {
  height: 4rem;
}

lottery-main .footer .bet-reward .select_mode .user-range span {
  line-height: 3rem;
  font-size: 1.2rem;
  color: white;
}

lottery-main .footer .bet-reward .select_mode .user-range input[type="range"] {
  cursor: pointer;
  width: 10rem;
  height: 0.6rem;
  -webkit-appearance: none;
  z-index: 200;
  background: #726698;
  border-radius: 20px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  transform: rotate(270deg);
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  position: absolute;
  top: 7.3rem;
  left: -2.5rem;
}

lottery-main .footer .bet-reward .select_mode .user-range input[type="range"]:focus {
  border: 0 !important;
  outline: none !important;
}

lottery-main .footer .bet-reward .select_mode .user-range input[type="range"]::-webkit-slider-thumb {
  -webkit-appearance: none;
  background: #ffbb73;
  border: none;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  z-index: 999;
}

lottery-main .footer .bet-reward .select_mode .text {
  display: inline-block;
  width: 4rem;
  font-size: 1.2rem;
  color: #ffffff;
}

lottery-main .footer .bet-reward .select_mode .down {
  border-left: 1px solid var(--cp-color179);
  font-size: 1.8rem;
  display: inline-block;
  color: #c2aaa0;
  width: 2rem;
  height: 2.6rem;
  line-height: 2.6rem;
}

lottery-main .footer .bet-reward .select_mode .down ion-icon {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  color: #7c729b;
}

lottery-main .footer .bet-reward .reward_text {
  font-size: 1.2rem;
  margin-right: 0.2rem;
  color: #fff;
}

lottery-main .footer .bet-reward p {
  display: inline-block;
  padding: 0rem 0rem 0rem 0rem;
}

lottery-main .footer .footer-menu {
  background: var(--cp-color34);
  padding: 0 0 0.6rem 0;
}

lottery-main .footer .footer-menu .bottom_col {
  padding: 0.2rem;
  width: 16.4444%;
}

lottery-main .footer .footer-menu .bottom_col .menu-item {
  border-radius: 4px;
  height: 4.2rem;
  color: white;
  margin: 0;
  width: 100%;
  opacity: 1;
  background: #6c6675;
  border: 1px solid #6c6675;
}

lottery-main .footer .footer-menu .bottom_col .menu-item.canclick {
  background: var(--cp-color187);
  color: #fff !important;
  pointer-events: all;
  border: none;
}

lottery-main .footer .footer-menu .bottom_col .menu-item.canclick div {
  color: #fff !important;
}

lottery-main .footer .footer-menu .bottom_col .menu-item.canclick div p {
  color: #fff !important;
}

lottery-main .footer .footer-menu .bottom_col .menu-item.not_lick {
  pointer-events: none;
}

lottery-main .footer .footer-menu .one_key {
  width: 33.333%;
  overflow: hidden;
}

lottery-main .footer .footer-menu .one_key span {
  display: inline-block;
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

lottery-main .footer .footer-menu .one_key .button-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-main .footer .footer-menu .one_key .button-inner span:first-of-type {
  margin-bottom: 0.4rem;
}

lottery-main .footer .footer-menu .row,
lottery-main .footer .footer-menu .col {
  padding: 0px;
}

lottery-main .footer .footer-menu > .col[col-4] {
  padding: 0.3rem;
  background: #dddddd;
}

lottery-main .footer .footer-menu .menu-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0rem;
  text-align: center;
  font-size: 1.2rem;
  background: #6c6675;
  border-radius: 4px;
  color: #9c95a5;
  border: 1px solid #ebebeb;
  padding: 0.2rem 0rem;
}

lottery-main .footer .footer-menu .menu-item.recent {
  text-align: center;
  background-image: var(--cp-color186);
  color: white;
  border: none;
}

lottery-main .footer .footer-menu .menu-item .user-range {
  position: fixed;
  bottom: 1rem;
  width: 20rem;
  right: 1rem;
  border: 1px solid #eee;
  border-radius: 4px;
  padding: 0 1rem;
}

lottery-main .footer .footer-menu .menu-item .user-range [range-left] {
  margin: 0;
}

lottery-main .footer .footer-menu .menu-item.basket {
  padding: 0 0.2rem;
  position: relative;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#3934a9), to(#5751cc));
  background-image: linear-gradient(to top, #3934a9, #5751cc);
  border: 1px solid #4e47c0;
}

lottery-main .footer .footer-menu .menu-item.basket ion-icon {
  line-height: 1.4rem;
}

lottery-main .footer .footer-menu .menu-item.basket .note span {
  position: absolute;
  top: -0.5rem;
  right: -0.5rem;
  background: #dd0808;
  border-radius: 10px;
  padding: 0 0.5rem;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
}

lottery-main .footer .footer-menu .menu-item.add {
  pointer-events: none;
}

lottery-main .footer .footer-menu .menu-item.add div {
  white-space: nowrap;
}

lottery-main .footer .footer-menu .menu-item.add ion-icon {
  line-height: 1.3rem;
  color: #9c95a5;
}

lottery-main .footer .footer-menu .menu-item.add.active {
  pointer-events: all;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#b5471c), to(#fe7a47));
  background-image: linear-gradient(to top, #b5471c, #fe7a47);
  color: white;
  border: 1px solid #d85f31;
}

lottery-main .footer .footer-menu .menu-item.add.active ion-icon {
  color: white;
}

lottery-main .footer .footer-menu .menu-item.add.active p {
  color: #bd7c46;
}

lottery-main .footer .footer-menu .menu-item.chase {
  line-height: 3.2rem;
}

lottery-main .footer .footer-menu .menu-item.chase.active {
  background-image: var(--cp-color186);
  border: none;
}

lottery-main .footer .footer-menu .menu-item p {
  white-space: nowrap;
}

lottery-main .footer .footer-menu .menu-item.actived {
  color: #fff;
  border-right: 0px solid #ddd !important;
}

lottery-main .footer .footer-menu .menu-item.actived h4,
lottery-main .footer .footer-menu .menu-item.actived p {
  margin: 0;
  padding: 0;
}

lottery-main .footer .footer-menu .menu-item.actived p {
  font-size: 1rem;
  height: 1rem;
  line-height: 1rem;
  color: #fff5b0;
}

lottery-main .footer .item-ios.item-block .item-inner {
  border-bottom: 0rem !important;
}

lottery-main .pk10-01 {
  background: orange;
}

lottery-main .pk10-02 {
  background: #4089f7;
}

lottery-main .pk10-03 {
  background: #4d4d4d;
}

lottery-main .pk10-04 {
  background: #eb7b30;
}

lottery-main .pk10-05 {
  background: #a5fcfe;
}

lottery-main .pk10-06 {
  background: #4b20f5;
}

lottery-main .pk10-07 {
  background: #b8b8b8;
}

lottery-main .pk10-08 {
  background: #e73323;
}

lottery-main .pk10-09 {
  background: #6a110a;
}

lottery-main .pk10-10 {
  background: #61ba37;
}

lottery-main .play_tips span {
  line-height: 2.6rem;
}

lottery-main .brick-tran {
  position: fixed;
  z-index: 999;
  background: #fff;
  top: 20%;
  width: 90%;
  border-radius: 8px;
  left: 5%;
  border: 1px solid #ccc;
  overflow: hidden;
}

lottery-main .brick-tran .brick-tran-header {
  background: #dddddd;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 3rem;
  border-bottom: 1px solid #ccc;
}

lottery-main .brick-tran .brick-tran-footer {
  color: #333;
  font-size: 1.6rem;
  text-align: center;
  padding: 0.5rem;
}

lottery-main .brick-tran .brick-tran-footer button {
  height: 2.2rem;
  float: right;
  margin: 5px 10px 10px 0;
}

lottery-main .brick-tran .brick-tran-footer button.nomore-tips {
  background: #2a3151;
  color: #fff;
}

lottery-main .brick-tran .brick-tran-content {
  border-bottom: 1px solid #ccc;
  padding: 1rem;
}

lottery-main .brick-tran .brick-tran-content .tran-remarks {
  font-size: 1.2rem;
  margin-bottom: 0;
}

lottery-main .brick-tran .brick-tran-content .tran-remarks:first-of-type {
  margin-bottom: 0.5rem;
}

lottery-main .brick-tran .brick-tran-content .brick-tran-box {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: 1px solid #ccc;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  -ms-flex-pack: space-evenly;
  justify-content: space-evenly;
}

lottery-main .brick-tran .brick-tran-content .brick-tran-box > div {
  text-align: center;
  outline: 0;
  width: 30%;
}

lottery-main .brick-tran .brick-tran-content .brick-tran-box > div i {
  font-size: 4rem;
  border: 1px solid #ccc;
  width: 60px;
  height: 60px;
  text-align: center;
  border-radius: 50%;
  display: inline-block;
  cursor: pointer;
  margin-bottom: 0.5rem;
  outline: 0;
  line-height: 58px;
}

lottery-main .brick-tran .brick-tran-content .brick-tran-box > div p {
  font-size: 1.2rem;
  cursor: pointer;
  color: #333;
  outline: 0;
  margin-bottom: 0;
}

lottery-main .notool {
  height: 2.2rem !important;
  margin-right: 0.5rem;
}

lottery-main .notool button {
  background: transparent;
  height: 100%;
  color: var(--cp-color170);
  font-size: 1.2rem;
}

lottery-main .notool button span {
  display: inline-block;
  width: 1.4rem;
  height: 1.4rem;
  background: #1a191f;
  margin-right: 0.5rem;
  border-radius: 50%;
  border: 1px solid #1a191f;
  position: relative;
}

lottery-main .notool button.active span:after {
  content: "";
  position: absolute;
  top: 0.3rem;
  bottom: 0.3rem;
  left: 0.3rem;
  right: 0.3rem;
  background: #da8b32;
  border-radius: 50%;
}

lottery-main .rotate180 {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.shortcut_page {
  position: fixed;
  height: 100%;
}

.shortcut_page .popover-content {
  position: fixed;
  left: 0 !important;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 20rem;
  top: auto !important;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  padding: 1rem 1rem 4rem 1rem;
}

.shortcut_page .title {
  text-align: center;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.6rem;
  color: white;
}

.shortcut_page .short_cut_box .money_box .list {
  margin: 0;
  overflow: hidden;
}

.shortcut_page .short_cut_box .money_box .list .item-ios {
  padding: 0;
  width: 25%;
  float: left;
  background: #292936;
  color: white;
}

.shortcut_page .short_cut_box .money_box .list .item-ios.width6 {
  width: 16.66%;
}

.shortcut_page .short_cut_box .money_box .list .item-ios .item-inner {
  padding: 20px 5px 5px 5px;
  border: none;
}

.shortcut_page .short_cut_box .money_box ion-input {
  height: 4.2rem;
  width: 100%;
  line-height: 4.2rem;
  text-align: center;
  border: 1px solid #727272;
  border-radius: 5px;
}

.shortcut_page .short_cut_box .money_box ion-input input {
  text-align: center;
  padding: 0;
  margin: 0;
  font-size: 1.5rem;
}

.shortcut_page .short_cut_box .btn_group button {
  width: 40%;
  height: 4rem;
  border-radius: 5px;
  color: #fff;
  font-size: 1.6rem;
  font-weight: 500;
  margin-top: 1rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa463), to(#d57727));
  background: linear-gradient(to bottom, #ffa463, #d57727);
}

.recent_page {
  position: relative;
  height: 100%;
}

.recent_page .popover-content {
  position: absolute;
  left: 0 !important;
  right: 0;
  width: 100%;
  bottom: 0;
  height: 70%;
  top: auto !important;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
  background: var(--cp-color156);
}

.recent_page .popover-content .popover-viewport {
  height: 100%;
}

.recent_page .recent_content {
  height: 100%;
  position: relative;
}

.recent_page .recent_content .recent_header {
  height: 5rem;
  line-height: 5rem;
  position: absolute;
  top: 0;
  width: 100%;
  padding: 0 1rem;
  border-bottom: 1px solid #433a56;
}

.recent_page .recent_content .recent_header .header_btn {
  background: transparent;
  border: 0;
}

.recent_page .recent_content .recent_header .header_tab {
  height: 3.6rem;
}

.recent_page .recent_content .recent_header .header_tab .header_btn {
  font-size: 1.4rem;
  color: white;
  border-radius: 0;
  font-weight: 500;
  border-bottom: 2px solid transparent;
}

.recent_page .recent_content .recent_header .header_tab .header_btn.actived {
  border-bottom: 2px solid #fbe18d;
  color: #fbe18d;
  margin: 0.4rem 0.2rem 0 0.2rem;
}

.recent_page .recent_content .recent_header .left {
  font-size: 1.6rem;
  color: white;
}

.recent_page .recent_content .recent_header .right {
  font-size: 1.2rem;
  color: #776a98;
}

.recent_page .recent_content .recent_main {
  position: absolute;
  top: 5rem;
  bottom: 0;
  width: 100%;
  overflow: auto;
  background: var(--cp-color156);
}

.recent_page .recent_content .recent_main .list .null {
  text-align: center;
  padding: 2rem;
  font-size: 1.4rem;
  color: #b8b8b8;
}

.recent_page .recent_content .recent_main .list .null img {
  width: 50%;
  display: block;
  margin: 0 auto;
}

.recent_page .recent_content .recent_main .list .order {
  background: var(--cp-color219);
  border-radius: 4px;
  margin-bottom: 0.6rem;
  border-bottom: 1px solid var(--cp-color219);
}

.recent_page .recent_content .recent_main .list .order > div .col {
  width: 40%;
}

.recent_page .recent_content .recent_main .list .order > div .col p {
  font-size: 1.2rem;
  font-weight: 500;
  height: 2.4rem;
  line-height: 2.4rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #c2b6e7;
}

.recent_page .recent_content .recent_main .list .order > div .col p span {
  font-size: 1.2rem;
}

.recent_page .recent_content .recent_main .list .order > div .col .money {
  color: #ff9600;
}

.recent_page .recent_content .recent_main .list .order > div .forward {
  width: 20%;
  text-align: center;
}

.recent_page .recent_content .recent_main .list .order > div .forward span {
  font-size: 1.2rem;
  padding: 0 0.4rem;
  color: #fff;
  border-radius: 1rem;
  height: 1.8rem;
  line-height: 1.8rem;
}

.recent_page .recent_content .recent_main .list .order > div .forward ion-icon {
  color: #dac9b7;
  font-size: 2.4rem;
}

.recent_page .recent_content .recent_main .list .order .left {
  width: 80%;
  position: relative;
}

.recent_page .recent_content .recent_main .list .order .left:after {
  content: "";
  background: #4b435f;
  position: absolute;
  top: 1rem;
  right: 0;
  width: 2px;
  bottom: 1rem;
}

.recent_page .recent_content .recent_main .list .order .right {
  width: 20%;
}

.recent_page .recent_content .recent_main .list .order .right button {
  background: transparent;
  color: #ec693b;
  height: 2.4rem;
  font-size: 1.2rem;
  width: 100%;
}

.recent_page .recent_content .recent_main .list .order .right ion-icon {
  color: #dac9b7;
  font-size: 2.4rem;
}

.recent_page .recent_content .recent_main ion-spinner.spinner.spinner-ios {
  margin-top: 2rem;
}

.recent_page .recent_content .recent_main .spinner-ios-bubbles circle {
  fill: #dddddd;
}

.credit_order_detail {
  position: fixed;
  bottom: 11rem;
  left: 50%;
  background: #ff566d;
  font-weight: 500;
  z-index: 110;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 10px;
  padding: 0.4rem 1rem;
  color: #fff;
  line-height: 1.6rem;
  white-space: nowrap;
  font-size: 1.2rem;
}

.order_detail {
  position: fixed;
  bottom: 11rem;
  left: 50%;
  background: #ff566d;
  color: #fff;
  font-weight: 500;
  z-index: 110;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 6px;
}

.order_detail .left {
  padding: 0.2rem 0.8rem;
}

.order_detail .left p {
  font-size: 1.2rem;
  height: 1.6rem;
  color: #fff;
  line-height: 1.6rem;
  white-space: nowrap;
  text-align: center;
}

.order_detail .right {
  height: 4rem;
  border-left: 1px solid #ff9090;
}

.order_detail .right button {
  height: 100%;
  background: transparent;
  color: #fff;
  font-size: 1.2rem;
  font-weight: 500;
  margin: 0;
}

.history_page {
  position: fixed;
  top: 0;
  left: 0px;
  right: 0px;
  bottom: 0px;
  padding: 0px;
  z-index: 100000;
  background: rgba(0, 0, 0, 0.2);
  overflow: auto;
  --height: 16rem;
}

.history_page.height19 .history_main .back.top {
  height: 19rem;
}

.history_page.height19 tbody tr {
  background-color: transparent;
}

.history_page.height19 tbody tr:nth-child(4n-1), .history_page.height19 tbody tr:nth-child(4n) {
  background-color: var(--cp-color215);
}

.history_page.height19 tbody tr:first-of-type td.open span, .history_page.height19 tbody tr:nth-of-type(2) td.open span {
  border: 1px solid #f69b51;
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.8rem;
  color: #f69b51;
  border-radius: 50%;
  margin: 0 auto;
}

.history_page.height19 tbody tr td.new-ball span {
  background: #f84948;
  color: #fff !important;
  font-weight: bold;
  display: block;
  width: 2rem;
  height: 2rem;
  font-size: 1.4rem;
  line-height: 2rem !important;
  border-radius: 50%;
  margin: 0 auto;
  border: 0 !important;
}

.history_page.height19 tbody tr td.new-ball.blue span {
  background: #5d86f7;
}

.history_page .no_click {
  pointer-events: none;
}

.history_page .popover-content {
  width: 100%;
  height: 100%;
  top: 0 !important;
  right: 0;
  left: 0 !important;
  background: transparent;
  border-radius: 0;
}

.history_page .history_main {
  width: 100%;
  height: 100%;
  position: relative;
}

.history_page .history_main .back {
  width: 100%;
  background: transparent;
}

.history_page .history_main .back.top {
  height: var(--height);
}

.history_page .history_main .back.bottom {
  position: fixed;
  bottom: 0;
  top: 0;
  height: 100%;
  z-index: 0;
}

.history_page .history_main .list-table {
  position: fixed;
  background: var(--cp-color214);
  z-index: 11;
  left: 0;
  right: 0;
}

.history_page .history_main .list-table table {
  width: 100%;
}

.history_page .history_main .list-table .go_back,
.history_page .history_main .list-table .check {
  width: 100%;
  height: 4.4rem;
}

.history_page .history_main .list-table .go_back {
  font-size: 1.6rem;
  background-color: var(--cp-color216);
  font-weight: 500;
  color: white;
}

.history_page .history_main .list-table .check {
  background-image: -webkit-gradient(linear, left bottom, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to top, #c16832, #e6ac57);
  font-weight: 500;
  color: white;
  font-size: 1.6rem;
}

.k3-1 {
  background: url(../assets/images/brick/dice1.png) !important;
  background-size: 100% 100% !important;
}

.k3-2 {
  background: url(../assets/images/brick/dice2.png) !important;
  background-size: 100% 100% !important;
}

.k3-3 {
  background: url(../assets/images/brick/dice3.png) !important;
  background-size: 100% 100% !important;
}

.k3-4 {
  background: url(../assets/images/brick/dice4.png) !important;
  background-size: 100% 100% !important;
}

.k3-5 {
  background: url(../assets/images/brick/dice5.png) !important;
  background-size: 100% 100% !important;
}

.k3-6 {
  background: url(../assets/images/brick/dice6.png) !important;
  background-size: 100% 100% !important;
}

.dia_pop {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.2);
  z-index: 111;
}

.dia_pop .pop_content {
  width: 100%;
  height: 100%;
  position: relative;
}

.dia_pop .pop_content .mask {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 0;
}

.dia_pop .pop_content .pop_scroll {
  position: absolute;
  top: 20%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.dia_pop .pop_content .pop_scroll .dia_main {
  width: 29rem;
  overflow: hidden;
  background: var(--cp-color137) !important;
  border: 2px solid var(--cp-color136) !important;
  border-radius: 1.3rem;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_title {
  padding: 1rem;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  color: white;
  background: var(--cp-color136);
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content {
  color: #c0b9e0;
  padding: 1rem;
  border-top: 1px solid var(--cp-color138);
  border-bottom: 1px solid var(--cp-color138);
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .top {
  padding: 0.4rem 0;
  overflow: hidden;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .top .left {
  width: 45%;
  float: left;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .top .right {
  float: left;
  text-align: left;
  width: 55%;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .top .right span {
  color: white;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .small_info {
  padding: 0.4rem 0;
  font-size: 1.4rem;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .small_info.scroll {
  max-height: 10rem;
  overflow: auto;
  border: 1px solid #767676;
  padding: 8px;
  border-radius: 5px;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .info {
  padding: 0.4rem 0;
  font-size: 1.4rem;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .info i {
  font-style: normal;
  color: #f42a3d;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .check_box {
  padding: 0.4rem 0;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .check_box span {
  display: inline-block;
  width: 1.5rem;
  height: 1.5rem;
  border: 1px solid #efefef;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  margin-right: 1rem;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_content .check_box span.active {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  border-left: 0;
  border-top: 0;
  width: 0.8rem;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_footer {
  padding: 1rem;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_footer button {
  width: 9rem;
  font-weight: 700;
  font-size: 1.6rem;
  margin-right: 3rem;
  color: white;
  height: 4rem;
  background: var(--cp-color219);
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_footer button.comfirm {
  color: #fff;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to left, #c16832, #e6ac57);
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_footer button.fail_btn {
  color: #fff;
  background: #d46b6f;
}

.dia_pop .pop_content .pop_scroll .dia_main .dia_footer button:last-of-type {
  margin-right: 0;
}

.dia_pop.zzhu_betting .dia_content .flex-between .right, .dia_pop.zzhu_betting .dia_content .flex-column-between .right, .dia_pop.zzhu_betting .dia_content lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox .right, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .text_check_group .text_check .dia_pop.zzhu_betting .dia_content .text_checkbox .right, .dia_pop.zzhu_betting .dia_content lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .text_checkbox .right, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .text_check_group .text_check .dia_pop.zzhu_betting .dia_content .text_checkbox .right, .dia_pop.zzhu_betting .dia_content lottery-main .text_play .scroll-content .middle-content .text_content .text_function .btn_group .right, lottery-main .text_play .scroll-content .middle-content .text_content .text_function .dia_pop.zzhu_betting .dia_content .btn_group .right, .dia_pop.zzhu_betting .dia_content lottery-main .text_play .fixed-content .middle-content .text_content .text_function .btn_group .right, lottery-main .text_play .fixed-content .middle-content .text_content .text_function .dia_pop.zzhu_betting .dia_content .btn_group .right {
  text-align: right;
}

.dia_pop.zzhu_modal.text_modal.edit .pop_content .pop_scroll .dia_main .dia_content {
  height: 27rem;
}

.dia_pop.zzhu_modal.text_modal.edit .pop_content .pop_scroll .dia_main .dia_content .nodata {
  text-align: center;
  padding: 2rem;
}

.dia_pop.zzhu_modal.text_modal.edit .pop_content .pop_scroll .re_identify {
  background: #d16f51;
}

.dia_pop.zzhu_modal.text_modal.edit .pop_content .pop_scroll ion-textarea textarea {
  border: 1px solid #554f69;
  width: 100%;
  color: #fff;
}

.dia_pop.zzhu_modal.text_modal .pop_content .pop_scroll {
  top: 30%;
}

.dia_pop.zzhu_modal.text_modal .pop_content .pop_scroll .dia_main .dia_content {
  height: 30rem;
}

.dia_pop.zzhu_modal.text_modal.copy__modal .pop_content .pop_scroll .dia_content * {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

.dia_pop.zzhu_modal.rule_modal .pop_content .pop_scroll .dia_header {
  height: 4rem;
}

.dia_pop.zzhu_modal.rule_modal .pop_content .pop_scroll .dia_header span {
  color: #9394a1;
  margin-right: 2rem;
}

.dia_pop.zzhu_modal.rule_modal .pop_content .pop_scroll .dia_header span.active {
  color: #ff814f;
  border-bottom: .2rem solid #ff814f;
}

.dia_pop.zzhu_modal.rule_modal .pop_content .pop_scroll .main {
  height: calc(100% - 4rem);
  overflow-y: auto;
}

.dia_pop.zzhu_modal.rule_modal .pop_content .pop_scroll .main h4 {
  margin-left: 0;
  color: #fff;
}

.dia_pop.zzhu_modal.rule_modal .pop_content .pop_scroll .main p {
  color: #c5c8da;
}

.dia_pop.zzhu_modal .pop_content .pop_scroll {
  top: 13%;
}

.dia_pop.zzhu_modal .pop_content .pop_scroll .dia_main {
  width: 34rem;
}

.dia_pop.zzhu_modal .pop_content .pop_scroll .dia_main .dia_content {
  height: 50rem;
  overflow: scroll;
}

.dia_pop.zzhu_modal .pop_content .pop_scroll .dia_main .dia_content p {
  margin-bottom: 1rem;
}

.dia_pop.zzhu_modal .pop_content .pop_scroll .dia_main h4 {
  font-size: 1.6rem;
  margin-top: 0;
  margin-left: -1rem;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll {
  top: 30%;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main {
  width: 34rem;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_title {
  padding: 0 0 0 1rem;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_title button {
  height: 3rem;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_title ion-icon {
  color: #fff;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content {
  height: 30rem;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content p {
  margin-bottom: 1rem;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content-top {
  color: var(--cp-color187);
  font-size: 1.6rem;
  font-weight: bold;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content-top i {
  font-style: normal;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content .lab {
  width: 46%;
  text-align: right;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content .text {
  width: 54%;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .content .money {
  color: #ff5052;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .btn-a {
  width: 100%;
}

.dia_pop.zzhu_modal.reward_modal .pop_content .pop_scroll .dia_main .dia_content .btn-a .get_btn {
  margin-top: 1rem;
  width: 46%;
  font-size: 1.6rem;
  height: 3.2rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa463), to(#d57727));
  background: linear-gradient(to bottom, #ffa463, #d57727);
  font-weight: bold;
}

.dia_pop.zzhu_modal.credit .pop_content .pop_scroll .dia_main h4 {
  margin-left: 0rem;
  margin-bottom: 0.4rem;
}

.dia_pop.zzhu_modal.credit .pop_content .pop_scroll .dia_main .dia_content p {
  margin-bottom: 1.4rem;
}

@media screen and (min-device-width: 320px) {
  .header_count .count span {
    white-space: nowrap;
  }
  .header_count .count .time {
    width: 3rem !important;
    margin-right: 1rem !important;
  }
}

cutting-order .toolbar-ios ion-title {
  padding: 0 40px 1px;
}

cutting-order .capture-area {
  height: 100%;
}

cutting-order .capture-area .capture-header {
  background: #1d1c22;
  height: 3.8rem;
}

cutting-order .capture-area .row-balls {
  height: calc(100% - 3.8rem);
  overflow-y: auto;
}

cutting-order .close {
  text-align: center;
  padding: 3rem 0;
}

cutting-order .title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 4px;
}

cutting-order .title-wrap .play-group-title {
  width: 20%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 38px;
  padding: 4px 6px;
  font-size: 10px;
}

cutting-order .title-wrap .play-group-title .play-group-ball-txt {
  text-align: right;
}

cutting-order .title-wrap .play-group-title .play-group-amount {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  margin-left: 2px;
}

cutting-order .row-balls {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-bottom: .8rem;
}

cutting-order .row-balls .ball {
  width: calc(20% - 6px);
  margin-right: 5px;
  height: 32px;
  background-color: #2e2e36;
  font-size: 12px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 1px;
  position: relative;
  overflow: hidden;
  border-radius: 2px;
  padding-left: .3rem;
  overflow: hidden;
}

cutting-order .row-balls .ball:nth-child(5n + 1) {
  margin-left: 5px;
}

cutting-order .row-balls .ball:nth-child(5n) {
  margin-right: 0;
}

cutting-order .row-balls .ball:nth-last-child(n+6) {
  margin-bottom: 5px;
}

cutting-order .row-balls .ball.bingo {
  background-color: #202024 !important;
  -webkit-box-shadow: inset 0px 0px 8px #fdeaad;
  box-shadow: inset 0px 0px 8px #fdeaad;
  border: 1px solid #fff773;
}

cutting-order .row-balls .ball.up span {
  color: #f55656;
}

cutting-order .row-balls .ball.hidden {
  display: none;
}

cutting-order .row-balls .ball.down span {
  color: #41d65d;
}

cutting-order .row-balls .ball .ball-item {
  font-size: 1rem;
  white-space: nowrap;
}

cutting-order .header_select {
  background: var(--cp-color173);
  padding: 1rem .8rem;
  font-size: 1.2rem;
}

cutting-order .header_select button {
  height: 3rem;
  border-radius: .4rem;
  color: #fff;
}

cutting-order .header_select .save_btn {
  background: #da8b32;
}

cutting-order .header_select .change_btn {
  background: #f7836f;
}

cutting-order .show-thirdgame {
  position: fixed;
}

cutting-order .show-thirdgame .selector .container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-height: 30rem;
}

cutting-order .show-thirdgame .selector .container .sub_title {
  text-align: left;
  padding: 0.5rem 1rem;
  font-size: 1.2rem;
  color: #ffffff;
  width: 100%;
  font-weight: bold;
}

cutting-order .show-thirdgame .selector .container .button_box {
  width: 50%;
  padding-left: 1rem;
  padding-right: 1rem;
}

cutting-order .show-thirdgame .selector .container .button_box .button-ios {
  width: 100%;
}

cutting-order .show-thirdgame .selector .container .button_box .button-ios:nth-child(1n) {
  padding-right: 0.5rem;
}

cutting-order .show-thirdgame .selector .container .button_box .button-ios:nth-child(2n) {
  padding-left: 0.5rem;
}

cutting-order .show-thirdgame .selector .container .user-box {
  width: 29%;
}

brick-betting .trust-loading {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 10;
  text-align: center;
  background: rgba(255, 255, 255, 0.5);
}

brick-betting .modals-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}

brick-betting .modals-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--cp-color217);
  border-radius: 2rem 2rem 0 0;
}

brick-betting .modals-wrap .modals-title {
  position: relative;
  text-align: center;
  line-height: 6rem;
  font-size: 1.6rem;
  border-bottom: 1px solid var(--cp-color218);
  -webkit-box-sizing: unset;
  box-sizing: unset;
  color: white;
}

brick-betting .modals-wrap .modals-title .title-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 6rem;
}

brick-betting .modals-wrap .modals-title .icon {
  font-size: 2.6rem;
  color: white !important;
}

brick-betting .modals-wrap .modals-content {
  position: relative;
  -webkit-box-sizing: unset;
  box-sizing: unset;
  padding: 1rem;
  max-height: 35rem;
  overflow: auto;
}

brick-betting .modals-wrap .modals-content .betting-info .method-name {
  color: white;
  font-size: 1.6rem;
  padding: 1.6rem 0;
  text-align: center;
}

brick-betting .modals-wrap .modals-content .betting-info .name {
  color: white;
  font-size: 1.6rem;
}

brick-betting .modals-wrap .modals-content .betting-info .issue {
  color: white;
  padding: 0rem 0.8rem;
}

brick-betting .modals-wrap .modals-content .betting-info .time {
  color: #ffcc00;
  font-size: 1.9rem;
  font-family: DSDigital;
}

brick-betting .modals-wrap .modals-content .betting-info .list {
  margin: 0;
}

brick-betting .modals-wrap .modals-content .betting-info .item-ios {
  background: none;
}

brick-betting .modals-wrap .modals-content .betting-info .item-ios .item-inner {
  padding: 0;
}

brick-betting .modals-wrap .modals-content .input-money {
  border-radius: 4px;
  border: 1px solid #3e3e3e;
  padding-left: 1rem;
  color: white;
  font-weight: bold;
  background-color: #211f2a;
}

brick-betting .modals-wrap .modals-content .balance {
  font-size: 1.2rem;
  margin-bottom: 2rem;
  font-weight: 500;
}

brick-betting .modals-wrap .modals-content .money {
  margin-bottom: 1rem;
}

brick-betting .modals-wrap .modals-content .balance,
brick-betting .modals-wrap .modals-content .money {
  color: #ffffff;
  padding: 0rem 1rem;
  text-align: left;
}

brick-betting .modals-wrap .modals-content .balance > span,
brick-betting .modals-wrap .modals-content .money > span {
  padding: 0;
  font-size: 1.4rem;
  color: #ff9600;
}

brick-betting .modals-wrap .modals-footer {
  background: var(--cp-color156);
  padding: 0.5rem 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-top: 2px solid var(--cp-color223);
}

brick-betting .betting-item {
  height: 4.2rem;
}

brick-betting .betting-item p {
  font-size: 1.4rem;
  padding: 0.2rem 0rem;
}

brick-betting .betting-item p:last-child {
  font-size: 1.2rem;
}

brick-betting .betting-item .button-inner {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

brick-betting .btn-method,
brick-betting .footer-btn {
  width: 100%;
  display: block;
  font-size: 1.4rem;
  text-align: center;
  color: #725c52;
  background: #f3e6dd;
  margin: 0;
}

brick-betting .btn-method.chase, brick-betting .btn-method.confirm,
brick-betting .footer-btn.chase,
brick-betting .footer-btn.confirm {
  background: #463867;
  color: white;
  font-weight: 500;
}

brick-betting .btn-method.betting-item,
brick-betting .footer-btn.betting-item {
  background: #5c5b74;
  color: white;
  font-weight: 500;
}

brick-betting .btn-method.actived,
brick-betting .footer-btn.actived {
  color: #fff;
  padding: 1.6rem 4.8rem;
  background: #ce5346;
  font-weight: 500;
  border: none;
}

brick-betting .footer-btn.confirm {
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57)) !important;
  background-image: linear-gradient(to left, #c16832, #e6ac57) !important;
  color: white;
  font-weight: 500;
}

page-brick-desc .scroll-content {
  padding-top: 1rem;
  background-color: var(--cp-color153);
}

page-brick-desc .desc {
  padding: 1rem;
  border-bottom: .1rem solid #393348;
}

page-brick-desc .desc:last-of-type {
  border-bottom: 0;
}

page-brick-desc .desc h2 {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 0.4rem;
}

page-brick-desc .desc .link {
  color: #ffa303;
  font-size: 1.4rem;
}

page-brick-desc .desc .desc-text {
  font-size: 1.4rem;
  color: var(--cp-color279);
}

page-dollars {
  background-color: #fff;
}

page-dollars > div {
  margin-bottom: 7.6rem;
}

page-dollars .layout-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-dollars .betting-money-choose {
  background-color: #fff;
  padding: 0.4rem 0rem;
}

page-dollars .betting-money-choose::after {
  content: "";
  display: block;
  overflow: hidden;
  clear: both;
}

page-dollars .betting-money-choose .chips {
  float: left;
  width: 58%;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}

page-dollars .betting-money-choose .chips .btn-chip {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  opacity: 0.5;
  background: transparent;
}

page-dollars .betting-money-choose .chips .btn-chip img {
  border-radius: 50%;
}

page-dollars .betting-money-choose .chips .btn-chip.actived {
  opacity: 1;
}

page-dollars .betting-money-choose .chips .btn-chip.actived > img {
  -webkit-box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.3);
}

page-dollars .betting-money-choose .item-block {
  min-height: 3rem;
}

page-dollars .betting-money-choose .item-ios.item-block .item-inner {
  border-bottom: none;
}

page-dollars .betting-money-choose .item-ios.item-block .item-inner .input-wrapper {
  margin: 0;
  padding: 0;
  border: 1px solid #ccc;
  border-radius: 4px;
  padding-left: 1rem;
}

page-dollars .betting-money-choose .text-input-ios {
  margin: 0.7rem 0rem;
  width: 5rem;
  text-align: center;
  outline: none;
}

page-dollars .item-betting-money {
  width: 40%;
  float: right;
}

page-dollars .method-box .slides-bar {
  position: relative;
  height: 4rem;
  width: 100%;
  white-space: nowrap;
  overflow-x: auto;
}

page-dollars .method-box .slides-bar:before {
  height: 1px;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  background: #eee;
  position: absolute;
}

page-dollars .method-box .slides-bar span {
  line-height: 3.6rem;
  padding: 0 1.2rem;
  color: #3c3c3c;
  font-size: 1.2rem;
}

page-dollars .method-box .slides-bar span.active {
  color: #dddddd;
  position: relative;
}

page-dollars .method-box .slides-bar span.active:after {
  position: absolute;
  content: "";
  height: 2px;
  left: 0;
  right: 0;
  bottom: 0px;
  background: #dddddd;
}

page-dollars .method-box .brick-content {
  /* 选号框*/
}

page-dollars .method-box .brick-content .moehod-group .method-title {
  padding: 0.5rem 1rem;
  background: #f2f2f2;
  border-bottom: 1px solid #eee;
  font-size: 1.2rem;
  text-align: center;
}

page-dollars .method-box .brick-content .moehod-group .grid {
  padding: 0rem;
}

page-dollars .method-box .brick-content .moehod-group .grid .method-row .col {
  padding: 0;
}

page-dollars .method-box .brick-content .moehod-group .grid .method-row .col.half-col {
  width: 49.88888888%;
  max-width: 49.88888888%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

page-dollars .method-box .brick-content .moehod-group .grid .method-row .col .method {
  border-right: 1px solid #eee;
  border-bottom: 1px solid #eee;
  height: 3.6rem;
  background: #fff;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

page-dollars .method-box .brick-content .moehod-group .grid .method-row .col .method.method-checked {
  background: #dddddd;
  color: #ffffff;
}

page-dollars .footer-group .range-box {
  border-top: 1px solid #ddd;
  background: #fff;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 4rem;
}

page-dollars .footer-group .range-box ion-range {
  width: 70%;
  float: left;
  height: 4rem;
}

page-dollars .footer-group .range-box .range-ios {
  padding: 0.4rem 1rem;
}

page-dollars .footer-group .range-box .range-ios .range-knob {
  width: 20px;
  height: 20px;
  top: 1px;
}

page-dollars .footer-group .range-box .rbalance {
  text-align: center;
  width: 30%;
  float: left;
  height: 4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-dollars .footer-group .range-box .rbalance .title {
  width: 100%;
  display: inline-block;
}

page-dollars .footer-group .range-box .rbalance .sign-red {
  vertical-align: middle;
  max-width: 80%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

page-dollars .footer-group .range-box .rbalance .usermoney {
  color: #dddddd;
}

page-dollars .footer-group .range-box .clear {
  clear: both;
  width: 0;
  height: 0;
  padding: 0;
  margin: 0;
}

page-dollars .footer-group .range-box .bettingdetail {
  padding-left: 12px !important;
}

page-dollars .footer-group .range-box .bettingdetail span {
  color: #f00;
}

page-dollars .footer-group .range-box .bettingdetail .item-inner {
  border-bottom: none;
}

page-dollars .footer-group .submit-room {
  display: box;
  display: -webkit-box;
  overflow: hidden;
  border-top: 1px solid #ddd;
  padding-bottom: 0.1rem;
  background: #fff;
}

page-dollars .footer-group .submit-room .submit-box {
  -webkit-box-flex: 1;
}

page-dollars .footer-group .submit-room .submit-box .allmomey {
  font-size: 14px;
  font-weight: bold;
}

page-dollars .footer-group .submit-room .submit-box .balance {
  margin-top: 15px;
  width: 80%;
  padding-left: 14px;
  text-align: center;
}

page-dollars .footer-group .submit-room .submit-box .set-box {
  width: 150px;
  overflow: hidden;
  position: relative;
  padding-left: 1rem;
}

page-dollars .footer-group .submit-room .submit-box .set-box i {
  position: absolute;
  width: 14px;
  height: 10px;
  line-height: 12px;
  background: #f2f2f2;
  display: inline-block;
  top: 13px;
  right: 20px;
  /* border: 1px solid red; */
  z-index: 1000;
}

page-dollars .footer-group .submit-room .submit-box .set-box .cuti {
  top: 26px;
  right: 20px;
  border-width: 0 14px 14px 14px;
  background: #f2f2f2;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

page-dollars .footer-group .submit-room .submit-box .set-box #pcdd {
  width: 73px;
  position: absolute;
  right: 10px;
}

page-dollars .footer-group .submit-room .submit-box .set-box > div,
page-dollars .footer-group .submit-room .submit-box .set-box > input {
  float: left;
}

page-dollars .footer-group .submit-room .submit-box .set-box > input {
  width: 6rem;
  display: block;
  border: none;
  padding: 0 4px;
  border: 1px solid #ddd;
}

page-dollars .footer-group .submit-room .submit-box .btn-clear {
  line-height: 48px;
  color: #f3b3b3;
  margin-right: 0.7rem;
}

page-dollars .footer-group .submit-room .submit-box .input-money,
page-dollars .footer-group .submit-room .submit-box .btn {
  height: 2.6rem;
  line-height: 2.6rem;
  margin: 9px 0.3rem;
  border-radius: 3px;
  position: relative;
}

page-dollars .footer-group .submit-room .submit-box .btn {
  color: #ffffff;
  text-align: center;
}

page-dollars .footer-group .submit-room .submit-box .btn-sure {
  background: #ff7800 !important;
}

page-dollars .footer-group .submit-room .submit-box .btn-sure .icon {
  font-size: 2rem;
}

page-dollars .footer-group .submit-room .submit-box .btn-sure b {
  text-align: center;
}

page-dollars .footer-group .submit-room .submit-box .btn-chase {
  background: #dddddd;
}

page-dollars .footer-group .submit-room .submit-box .btn-chaseunclick {
  background: #ccc;
}

page-dollars .footer-group .submit-room .submit-box .sign-unclick {
  color: #fff;
}

page-dollars .footer-group .submit-room .submit-box .btn-betting {
  background: #44c769;
}

page-chasebetting .flex-reverse .item-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: -4rem;
}

page-chasebetting .flex-reverse .item-inner .input-wrapper {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: auto;
  color: #333;
  margin-left: -2rem;
}

page-chasebetting .flex-reverse .item-inner .input-wrapper ion-label {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
}

page-chasebetting .flex-reverse .item-inner ion-toggle {
  -webkit-transform: scale(0.5);
  transform: scale(0.5);
}

page-chasebetting ion-header ion-toolbar button .button-inner ion-icon {
  color: #fff;
}

page-chasebetting ion-header .lottery-time {
  text-align: center;
  color: #5e5b6d;
  background: #1d1c21;
  height: 2.8rem;
  line-height: 2.8rem;
}

page-chasebetting ion-header .lottery-time span {
  color: #ffcc00;
  font-weight: 500;
}

page-chasebetting ion-header .lottery-time .issue {
  color: white;
}

page-chasebetting ion-header .toolbar-title-md,
page-chasebetting ion-header .bar-button-default-ios,
page-chasebetting ion-header .toolbar-title-ios,
page-chasebetting ion-header .bar-button-default-md,
page-chasebetting ion-header .bar-button-clear-md-default,
page-chasebetting ion-header .bar-button-md-default {
  color: white !important;
}

page-chasebetting p {
  overflow: hidden;
}

page-chasebetting .title {
  height: 100%;
}

page-chasebetting .time {
  padding: 4px 10px;
  background: #dddddd;
  border-radius: 5px;
  color: #fee66c;
}

page-chasebetting .scroll-content {
  padding: 0;
}

page-chasebetting .same .fixed-content,
page-chasebetting .same .scroll-content {
  margin-top: 288px !important;
}

page-chasebetting .double .fixed-content,
page-chasebetting .double .scroll-content {
  margin-top: 386px !important;
}

page-chasebetting .segment {
  background: #1d1c21 !important;
  border-bottom: 1px solid #494557;
}

page-chasebetting .segment .segment-button {
  height: 4rem;
  line-height: 4rem;
  border: none;
  border-bottom: none;
  color: white;
  font-size: 1.4rem;
}

page-chasebetting .segment .segment-button:first-of-type, page-chasebetting .segment .segment-button:last-of-type {
  border-radius: 0;
}

page-chasebetting .segment .segment-button.segment-activated {
  color: #fce08e;
  border-bottom: 2px solid #ddc57f;
}

page-chasebetting .set-wrap {
  padding: 0rem 0.6rem 0rem 1rem;
  border: none;
  border-radius: 0px;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: var(--cp-color44);
  /* 信用玩法*/
}

page-chasebetting .set-wrap .item {
  padding: 0;
  color: #666666;
}

page-chasebetting .set-wrap .item .item-inner {
  padding: 0;
}

page-chasebetting .set-wrap .item .label {
  margin: 0;
}

page-chasebetting .set-wrap .item .set-room {
  display: box;
  display: -webkit-box;
}

page-chasebetting .set-wrap .item .set-room > .set-box {
  box-flex: 1;
  -webkit-box-flex: 1;
  text-align: center;
}

page-chasebetting .set-wrap .item .set-room > .set-box p {
  margin-bottom: 0.6rem;
  font-size: 1.2rem;
}

page-chasebetting .set-wrap .item .set-room > .set-box input {
  width: 4rem;
  text-align: center;
  color: #ffa414;
  font-size: 2rem;
  border: none;
  border-bottom: 1px solid #e5e5e5;
}

page-chasebetting .set-wrap .item .set-room.justify {
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 0 2rem;
}

page-chasebetting .set-wrap .btn-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 1.2rem;
  padding: 0;
}

page-chasebetting .set-wrap .btn-box [class^="col-"] {
  padding: 0 !important;
}

page-chasebetting .set-wrap .btn-box .btn-build {
  background: #ffa414;
  border-radius: 4px;
  width: 80%;
  height: 3.2rem;
  text-align: center;
  padding: 0 0.4rem;
  margin: auto;
}

page-chasebetting .set-wrap .btn-box .btn-build .button-inner {
  font-size: 1.4rem;
}

page-chasebetting .nums-box,
page-chasebetting .active-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem;
}

page-chasebetting .nums-box .text,
page-chasebetting .active-box .text {
  color: var(--cp-color148);
  font-weight: 500;
  font-size: 1.3rem;
}

page-chasebetting .flex-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

page-chasebetting .flex-box select.form-control {
  margin-right: 2rem;
  font-size: 1.4rem;
  font-weight: bold;
}

page-chasebetting .active-box {
  padding: 0;
  text-align: center;
  height: 4.8rem;
}

page-chasebetting .active-box div {
  width: 50%;
  color: var(--cp-color148);
  font-size: 1.5rem;
  font-weight: 500;
}

page-chasebetting .active-box .btn-build {
  color: #e97c44;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 4.8rem;
}

page-chasebetting .beishu {
  color: white;
  font-size: 1.3rem;
  border: 1px solid var(--cp-color27);
  display: inline-block;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
  margin-left: 0.5rem;
  height: 2.5rem;
  background: var(--cp-color27);
}

page-chasebetting .beishu .jian,
page-chasebetting .beishu .mult,
page-chasebetting .beishu .add {
  float: left;
  height: 100%;
  text-align: center;
}

page-chasebetting .beishu .mult {
  width: 4.5rem;
  border: none;
  text-align: center;
  background: var(--cp-color27);
  font-size: 1.2rem;
  color: white;
  font-weight: bold;
}

page-chasebetting .beishu .mult .text-input-ios {
  margin: 0;
  width: 4.5rem;
  line-height: 2.4rem;
  text-align: center;
}

page-chasebetting .beishu .jian {
  width: 2.3rem;
  border-right: 1px solid var(--cp-color45);
  font-size: 1.3rem;
  color: var(--cp-color148);
  font-weight: bold;
}

page-chasebetting .beishu .add {
  width: 2.5rem;
  border-left: 1px solid var(--cp-color45);
  font-size: 1.3rem;
  color: var(--cp-color148);
  margin: 0;
}

page-chasebetting .chase-scroll {
  overflow: auto;
  background: #1d1c22;
}

page-chasebetting .chase-scroll .multiple {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-chasebetting .chase-scroll .multiple span {
  margin-left: 0.3rem;
}

page-chasebetting .chase-list {
  padding: 0.8rem;
  padding-bottom: 0rem;
}

page-chasebetting .chase-list .list {
  margin: 0;
}

page-chasebetting .chase-list .list .chase {
  border: none;
  border-bottom: none;
  background: var(--cp-color44);
  border-radius: 5px;
  margin-bottom: 0.4rem;
  padding: 0.8rem;
}

page-chasebetting .chase-list .list .chase .item-head {
  color: var(--cp-color148);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.25rem 0;
  font-size: 1.2rem;
  font-weight: 500;
}

page-chasebetting .chase-list .list .chase .item-head > div input[type="checkbox"] {
  vertical-align: middle;
}

page-chasebetting .chase-list .list .chase .item-head .head-right {
  color: #999;
}

page-chasebetting .chase-list .list .chase .item-body {
  padding: 0.6rem 1rem;
}

page-chasebetting .chase-list .list .chase .item-body .col {
  padding: 0;
}

page-chasebetting .chase-list .list .chase .item-body .data {
  display: block;
  font-size: 1.6rem;
  color: #333;
}

page-chasebetting .chase-list .list .chase .item-body .data input[type="number"] {
  border: none;
  border-bottom: 1px solid #ccc;
  width: 6rem;
  text-align: center;
  background: transparent;
}

page-chasebetting .chase-list .list .chase .item-body span {
  color: #868686;
}

page-chasebetting .form-control {
  padding-left: 2px;
  padding-right: 2px;
  font-size: 14px;
  padding-top: 3px;
}

page-chasebetting ion-footer .submit-room {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: #1d1c21;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.9rem;
}

page-chasebetting ion-footer .submit-room .submit-box {
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--cp-color148);
}

page-chasebetting ion-footer .submit-room .submit-box p {
  line-height: 2.5rem;
}

page-chasebetting ion-footer .submit-room .submit-box .pins {
  color: #ea6b05;
  font-size: 1.4rem;
}

page-chasebetting ion-footer .submit-room .submit-box-btn {
  padding: 1rem 0;
}

page-chasebetting ion-footer .submit-room .submit-box-btn .btn-submit {
  color: #ffffff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to top, #c16832, #e6ac57);
  padding: 1rem 3rem;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 0.5rem;
  height: 5.5rem;
}

lottery-dragon .lottery-dragon {
  position: relative;
  height: 100%;
}

lottery-dragon .lottery-dragon .dragon-scroll {
  position: relative;
  height: calc(100% - 6rem);
}

lottery-dragon .lottery-dragon .dragon-scroll .scroll-content {
  background: var(--cp-color27);
  margin-top: 0rem !important;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

lottery-dragon .lottery-dragon .dragon-wrapper {
  padding: 1rem 1.6rem;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item {
  padding: 1rem 0rem 1rem 1.6rem;
  font-size: 1.4rem;
  margin-bottom: 0.8rem;
  border-radius: 6px;
  border: 1px solid var(--cp-color198);
  background-color: var(--cp-color197);
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .item-inner {
  border-bottom: 0rem;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .name {
  font-size: 1.6rem;
  color: white;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .name p {
  color: white;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .issues {
  margin: 0rem;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .issues .surplus-time {
  font-size: 1.7rem;
  font-family: DSDigital;
  color: white;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .issues .num {
  color: #ffd800;
  font-size: 1.8rem;
  font-weight: 600;
  font-family: DINAlternate;
}

lottery-dragon .lottery-dragon .dragon-wrapper .dragon-item .issues p {
  color: var(--cp-color174);
}

lottery-dragon .lottery-dragon .dragon-nodata {
  position: relative;
  height: 100%;
}

lottery-dragon .lottery-dragon .dragon-nodata p {
  color: #999;
  padding: 1rem 0rem;
  text-align: center;
}

lottery-dragon .lottery-dragon .dragon-nodata .dragon-spinner {
  padding: 12rem 0rem;
}

lottery-dragon .lottery-dragon .dragon-nodata .empty {
  padding: 10rem;
  text-align: center;
}

lottery-dragon .lottery-dragon .dragon-nodata .empty img {
  display: block;
}

lottery-dragon .filter-box {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  padding: 0.8rem;
  background: var(--cp-color39);
  border-top: 1px solid var(--cp-color39);
  z-index: 1;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

lottery-dragon .filter-box .filter-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 0.8rem;
}

lottery-dragon .filter-box .issue-btn,
lottery-dragon .filter-box .custom-btn {
  padding: 0.3rem 1.6rem;
  border-radius: 4px;
}

lottery-dragon .filter-box .btn-custom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

lottery-dragon .filter-box .btn-custom > div {
  padding: 0.3rem 0.4rem;
}

lottery-dragon .filter-box .btn-custom > div:last-child {
  border-left: 1px solid #e47f7f;
  padding: 0.2rem 0.4rem;
}

lottery-dragon .filter-box .filter-btn {
  font-size: 1.4rem;
  height: 4.6rem;
  color: white;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#6237a8), to(#7949c6));
  background-image: linear-gradient(to top, #6237a8, #7949c6);
  border: 1px solid #7949c6;
  padding: 0rem 0.4rem;
  margin: 0px 0.2rem;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
  -ms-flex: auto;
  flex: auto;
}

lottery-dragon .filter-box .filter-btn.actived {
  color: #fff;
  background-image: -webkit-gradient(linear, left bottom, left top, from(#bd3b35), to(#e0655f));
  background-image: linear-gradient(to top, #bd3b35, #e0655f);
  border: 1px solid #cd504a;
}

lottery-dragon .filter-box .filter-btn.actived .num {
  color: #fff;
}

lottery-dragon .filter-box .filter-btn .num {
  color: #d8a871;
  font-size: 1.2rem;
  color: #ffc74e;
  font-weight: 500;
}

brick-select .modals-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: transparent;
}

brick-select .modals-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--cp-color217);
  color: white;
  border-radius: 2rem 2rem 0 0;
}

brick-select .modals-wrap .modals-title {
  position: relative;
  text-align: center;
  line-height: 6rem;
  font-size: 1.6rem;
  border-bottom: 1px solid var(--cp-color218);
  -webkit-box-sizing: unset;
  box-sizing: unset;
}

brick-select .modals-wrap .modals-title .title-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 6rem;
}

brick-select .modals-wrap .modals-title .icon {
  font-size: 2.6rem;
  color: white !important;
}

brick-select .modals-wrap .modals-content {
  -webkit-box-sizing: unset;
  box-sizing: unset;
  padding: 1rem;
  max-height: 35rem;
  overflow: auto;
}

brick-select .modals-wrap .modals-footer {
  background: var(--cp-color156);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 1rem 0rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-top: 2px solid var(--cp-color223);
}

brick-select .modals-wrap .modals-footer .footer-btn {
  padding: 1.6rem 2.4rem;
  font-size: 1.4rem;
  color: white;
  background-color: var(--cp-color225);
}

brick-select .modals-wrap .modals-footer .footer-btn.save {
  color: #fff;
  padding: 1.6rem 4.8rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to left, #c16832, #e6ac57);
}

brick-select .brick-list {
  text-align: center;
}

brick-select .group-item {
  height: 4.2rem;
  width: 18rem;
  padding: 1.6rem 0rem;
  border: none;
  color: white !important;
  background: transparent;
}

brick-select .group-item .button-inner {
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
}

brick-select .brick-item {
  display: block;
  width: 100%;
  height: 3.8rem;
  font-size: 1.4rem;
  border: 1px solid var(--cp-color219);
  background-color: var(--cp-color219);
  color: var(--cp-color224) !important;
}

brick-select .group-item,
brick-select .brick-item {
  color: var(--cp-color224);
}

brick-select .group-item.actived,
brick-select .brick-item.actived {
  color: #fff !important;
  background-color: var(--cp-color220);
}

issue-setting .modals-wrapper {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0);
}

issue-setting .modals-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: var(--cp-color217);
  border-radius: 2rem 2rem 0 0;
}

issue-setting .modals-wrap .modals-title {
  position: relative;
  text-align: center;
  line-height: 6rem;
  font-size: 1.6rem;
  border-bottom: 1px solid var(--cp-color218);
  -webkit-box-sizing: unset;
  box-sizing: unset;
  color: white;
}

issue-setting .modals-wrap .modals-title .title-left {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 6rem;
}

issue-setting .modals-wrap .modals-title .icon {
  font-size: 2.6rem;
  color: white !important;
}

issue-setting .modals-wrap .modals-content {
  -webkit-box-sizing: unset;
  box-sizing: unset;
  padding: 1rem;
  max-height: 35rem;
  overflow: auto;
}

issue-setting .modals-wrap .modals-content .range-slider .range-tick {
  top: 13.5px;
  width: 3px;
  background: #8e80af;
}

issue-setting .modals-wrap .modals-content .range-slider .range-bar {
  height: 3px;
  background: #8e80af;
}

issue-setting .modals-wrap .modals-content .range-box,
issue-setting .modals-wrap .modals-content .range-value {
  padding: 0.6rem 0rem;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
}

issue-setting .modals-wrap .modals-content .range-box {
  padding-left: 1rem;
  color: #c2b6e7;
}

issue-setting .modals-wrap .modals-content .range-ios .range-knob {
  background-color: #a986ff !important;
}

issue-setting .modals-wrap .modals-footer {
  background: var(--cp-color156);
  padding: 1rem 0rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  border-top: 2px solid var(--cp-color223);
}

issue-setting .modals-wrap .modals-footer .footer-btn {
  padding: 1.6rem 2.4rem;
  font-size: 1.4rem;
  color: #725c52;
  background: #f3e6dd;
}

issue-setting .modals-wrap .modals-footer .footer-btn.reset {
  background: var(--cp-color219);
  color: white;
  font-weight: 500;
  border: 1px solid var(--cp-color219);
}

issue-setting .modals-wrap .modals-footer .footer-btn.save {
  color: #fff;
  padding: 1.6rem 4.8rem;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57)) !important;
  background-image: linear-gradient(to left, #c16832, #e6ac57) !important;
  font-weight: 500;
}

issue-setting .brick-list {
  text-align: center;
}

issue-setting .group-item {
  height: 4.2rem;
  width: 18rem;
  padding: 1.6rem 0rem;
  background: #f0d5c0;
}

issue-setting .brick-item {
  display: block;
  width: 100%;
  height: 3.2rem;
  font-size: 1.2rem;
  background: #f3e6dd;
}

issue-setting .group-item,
issue-setting .brick-item {
  color: #725c52;
}

issue-setting .group-item.actived,
issue-setting .brick-item.actived {
  color: #fff;
  background-color: #c3712f;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9f53), to(#c3712f));
  background-image: linear-gradient(#ff9f53, #c3712f);
}

.lottery-method .popover-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}

.lottery-method .popover-content {
  width: 100%;
  height: 100%;
  max-height: 100%;
  top: 0 !important;
  left: 0 !important;
  position: relative;
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

.lottery-method .popover-content .popover-viewport {
  height: 100%;
}

.lottery-method .popover-content .top_button_colse {
  height: 22rem;
  width: 100%;
  background-color: transparent;
}

.lottery-method .popover-content .plays {
  height: calc(100% - 22rem);
  position: relative;
  width: 80%;
  margin-left: 20%;
}

.lottery-method .popover-content .method_type {
  position: absolute;
  right: 0;
  top: 0;
  left: 70%;
  bottom: 0;
  background: #1c1c25;
  color: white;
}

.lottery-method .popover-content .method_type .method_content {
  width: 100%;
  height: 100%;
  position: relative;
}

.lottery-method .popover-content .method_type .method_content p {
  height: 3rem;
  line-height: 3rem;
  font-size: 1.3rem;
}

.lottery-method .popover-content .method_type .method_content p ion-icon {
  color: #f5f4ff;
  margin-left: 1rem;
}

.lottery-method .popover-content .method_type .method_content .area_content {
  position: absolute;
  top: 3rem;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: auto;
}

.lottery-method .popover-content .method_type .method_content .area_content button {
  background: transparent;
  height: 4.4rem;
  width: 100%;
  padding: 0;
  color: var(--cp-color148);
  margin: 0;
  font-size: 1.3rem;
  border-radius: 0;
}

.lottery-method .popover-content .method_type .method_content .area_content button.selected {
  color: #fff;
  background-color: #da964a;
}

.lottery-method .popover-content .method_item {
  overflow: auto;
  background: var(--cp-color275);
  position: absolute;
  right: 30%;
  top: 0;
  bottom: 0;
  left: 0;
}

.lottery-method .popover-content .method_item button {
  width: 100%;
  height: 3rem;
  background-color: #403c72;
  border: 1px solid #403c72;
  color: var(--cp-color148);
  padding: 0.5rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.2rem;
}

.lottery-method .popover-content .method_item button.selected {
  border: none;
  color: #fff;
  background: -webkit-gradient(linear, left top, left bottom, from(#ffa463), to(#d57727));
  background: linear-gradient(to bottom, #ffa463, #d57727);
}

.lottery-method .popover-content .button_colse {
  position: absolute;
  right: 100%;
  top: 0;
  bottom: 0;
  width: 100%;
  background: transparent;
}

.lottery-method .header {
  position: fixed;
  left: 0;
  top: 0;
}

.lottery-method .content {
  margin-top: 4rem;
}

.lottery-method .content .fixed-content {
  background: #ffffff;
}

.lottery-method .content .plays .play_box p {
  line-height: 2.5rem;
}

.lottery-method .content .plays .play_box .typeName {
  background: #ffffff;
  padding-left: 2rem;
}

.lottery-method .content .plays .play_box .detail_row {
  background: #ffffff;
  border-bottom: 1px solid #eee;
  padding-bottom: 1rem;
}

.lottery-method .content .plays .play_box .detail_row .col a {
  display: block;
  text-align: center;
  border: 1px solid #dddddd;
  border-radius: 4px;
  text-decoration: none;
  line-height: 2.6rem;
}

.lottery-method .content .plays .play_box .detail_row .selected a {
  background: #dddddd;
  color: #ffffff;
  border: none;
}

.lottery-method .content .plays .play_details {
  display: none;
}

.lottery-method .content .plays .selemodel {
  display: block;
}

.lottery-method .content .plays .history .detail_row {
  min-height: 2rem;
}

lottery-order-add ion-header .toolbar-background-md,
lottery-order-add .header-ios .toolbar-background-ios {
  background: #da8138;
}

lottery-order-add ion-header .toolbar-background-md button.clear span.button-inner,
lottery-order-add .header-ios .toolbar-background-ios button.clear span.button-inner {
  font-size: 1.5rem;
  font-weight: 500;
}

lottery-order-add ion-header .toolbar-title-md,
lottery-order-add ion-header .bar-button-default-ios,
lottery-order-add ion-header .toolbar-title-ios,
lottery-order-add ion-header .bar-button-default-md,
lottery-order-add ion-header .bar-button-clear-md-default,
lottery-order-add ion-header .bar-button-md-default {
  color: white !important;
}

lottery-order-add .text-center {
  text-align: center;
  margin: 5px;
}

lottery-order-add ion-header .navbar .title {
  font-size: 1.8rem;
}

lottery-order-add ion-header .lottery {
  min-height: 20px;
  line-height: 20px;
  text-align: center;
  color: #fff;
}

lottery-order-add ion-header .toolbar .title {
  padding: 0 60px 1px;
}

lottery-order-add .content {
  /* 信用玩法content样式*/
}

lottery-order-add .content .scroll-content {
  padding: 0 !important;
  margin-bottom: 66px !important;
  background: #1d1c22;
}

lottery-order-add .content .issue-time {
  text-align: center;
  padding: 0.6rem 0;
  color: #5e5b6d;
}

lottery-order-add .content .issue-time b {
  color: white;
}

lottery-order-add .content .issue-time .downtime {
  color: #ffcc00;
}

lottery-order-add .content .car-content {
  padding: 0 0.8rem;
}

lottery-order-add .content .card {
  -webkit-box-shadow: none;
  box-shadow: none;
  border-radius: 5px;
  margin-bottom: 0.8rem;
  border: 1px solid var(--cp-color273);
  background: var(--cp-color156);
  padding: 1rem 0.5rem;
}

lottery-order-add .content .card .rulename {
  padding-left: 0.5rem;
  margin-bottom: 0.5rem;
  color: #d5cded !important;
}

lottery-order-add .content .card .rulename .delete {
  float: right;
  color: #89849a;
  font-size: 1.8rem;
  padding-right: 1rem;
}

lottery-order-add .content .card .rulename p {
  font-size: 1.4rem;
  color: #444;
  font-weight: 500;
}

lottery-order-add .content .card .secnum {
  color: #df7e33;
  font-size: 1.5rem;
  padding-left: 0.5rem;
  margin-top: 0.2rem;
  margin-bottom: 0.5rem;
  font-weight: 500;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

lottery-order-add .content .card .item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
  -ms-flex-pack: start;
  justify-content: start;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.5rem 0rem 0.5rem;
}

lottery-order-add .content .card .item .item-block {
  height: 3rem !important;
}

lottery-order-add .content .card .item .label {
  margin: 0;
}

lottery-order-add .content .card .item .beishu {
  color: white;
}

lottery-order-add .content .card .item .beishu .multiple-group {
  display: table;
  border-collapse: separate;
  border-spacing: 0;
}

lottery-order-add .content .card .item .beishu .multiple-group-addon, lottery-order-add .content .card .item .beishu .multiple-group-input {
  display: table-cell;
}

lottery-order-add .content .card .item .beishu .multiple-group-addon {
  position: relative;
  padding: 0 0.8rem;
  font-weight: 400;
  font-size: 1.4rem;
  text-align: center;
  border: 1px solid #3d374f;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 3rem;
  line-height: 2.6rem;
  background: var(--cp-color35);
}

lottery-order-add .content .card .item .beishu .multiple-group-addon:first-child {
  border-right: 0px;
  border-radius: 0.2rem 0 0 0.2rem;
}

lottery-order-add .content .card .item .beishu .multiple-group-addon:last-child {
  border-left: 0px;
  border-radius: 0 0.2rem 0.2rem 0;
}

lottery-order-add .content .card .item .beishu .multiple-group-input {
  height: 3rem;
  border-left: 1px solid #62597f;
  border-right: 1px solid #62597f;
}

lottery-order-add .content .card .item .beishu .multiple-group .multiple-input-number {
  border: 0px;
  width: 6.4rem;
  height: 100%;
  padding: 0rem;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  background: var(--cp-color35);
}

lottery-order-add .content .card .item .beishu-title {
  color: var(--cp-color148);
}

lottery-order-add .content .card .item .zhuyuan {
  font-size: 1.3rem;
  color: var(--cp-color148);
  font-weight: 500;
  margin-left: 1rem;
}

lottery-order-add .content .card .item .zhuyuan .zy {
  color: white;
}

lottery-order-add .content .trust-content {
  padding: 0 0 8px 0;
}

lottery-order-add .content .trust-content ion-card.card.card-ios {
  margin: 0rem 0.8rem 0.8rem 0.8rem;
  padding: 1rem;
  padding-bottom: 0。6;
}

lottery-order-add .content .trust-content h5 {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 0.6rem;
}

lottery-order-add .content .trust-content h5 ion-icon.icon.icon-ios.ion-ios-trash {
  font-size: 2.2rem;
}

lottery-order-add .content .trust-content .item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

lottery-order-add .content .trust-content .item-content span {
  color: #da8138;
}

lottery-order-add .content .trust-content ion-input.money-input {
  border: 1px solid #413b53;
  width: 8rem;
  border-radius: 5px;
  text-align: center;
  background: var(--cp-color156);
  margin-right: 0.5rem;
}

lottery-order-add .content .trust-content input.text-input.text-input-ios {
  text-align: center;
  font-size: 1.4rem;
  font-weight: 500;
  color: white;
  margin: 6px 10px 6px 0;
}

lottery-order-add .content .trust-content .input-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
}

lottery-order-add ion-footer .submit-room {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 100%;
  background: #1d1c21;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.8rem;
}

lottery-order-add ion-footer .submit-room .submit-box {
  font-size: 1.2rem;
  font-weight: 500;
  color: var(--cp-color148);
}

lottery-order-add ion-footer .submit-room .submit-box p {
  line-height: 2.5rem;
}

lottery-order-add ion-footer .submit-room .submit-box .pins {
  color: #ea6b05;
}

lottery-order-add ion-footer .submit-room .submit-box-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  padding: 1rem 0;
}

lottery-order-add ion-footer .submit-room .submit-box-btn .btn-chase {
  color: #ffffff;
  background: var(--cp-color219);
  padding: 1.4rem 2.4rem;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 500;
}

lottery-order-add ion-footer .submit-room .submit-box-btn .btn-submit {
  color: #ffffff;
  background-image: -webkit-gradient(linear, right top, left top, from(#c16832), to(#e6ac57));
  background-image: linear-gradient(to left, #c16832, #e6ac57);
  padding: 1.4rem 2.4rem;
  border-radius: 5px;
  font-size: 1.5rem;
  font-weight: 500;
  margin-left: 0.5rem;
}

lottery-order-add ion-spinner.spinner.spinner-ios {
  margin-top: 2rem;
}

lottery-order-add .spinner-ios-bubbles circle {
  fill: #dddddd;
}

.backdrop {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: #00000094;
}

.backdrop .shahao-modal {
  width: 90vw;
  height: 70vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  background-color: var(--cp-color156);
  border-radius: .4rem;
  overflow: hidden;
}

.backdrop .shahao-modal .top {
  height: 3.4rem;
  text-align: center;
  line-height: 3.4rem;
}

.backdrop .shahao-modal .middle {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.backdrop .shahao-modal .middle .fast-tools {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 10px;
}

.backdrop .shahao-modal .middle .fast-tools .tools-row .tool-title {
  margin-right: 10px;
  color: #fff;
  margin-bottom: 1rem;
}

.backdrop .shahao-modal .middle .fast-tools .tools-row div {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
}

.backdrop .shahao-modal .middle .fast-tools .tools-row .red-text {
  color: #eb5348;
  font-style: normal;
}

.backdrop .shahao-modal .middle .fast-tools .tools-row .tool-item {
  padding: 4px 10px;
  background: var(--cp-color32);
  border-radius: 3px;
  margin: 0 1.5rem;
  cursor: pointer;
  color: #fff;
  margin-top: 1rem;
}

.backdrop .shahao-modal .middle .fast-tools .tools-row .tool-item.selected {
  background: #E77252;
}

.backdrop .shahao-modal .middle .fast-tools.big .tools-row div {
  grid-template-columns: repeat(3, 1fr);
}

.backdrop .shahao-modal .middle .fast-tools.big .tools-row .tool-item {
  width: 6rem;
}

.backdrop .shahao-modal .bottom, .backdrop .shahao-modal .top {
  background-color: var(--cp-color136);
  color: #fff;
}

.backdrop .shahao-modal .bottom {
  height: 4.1rem;
  line-height: 4.1rem;
  text-align: center;
}

.single-bet-popup .popover-content {
  width: 100% !important;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  top: auto !important;
  position: fixed !important;
  border-radius: 10px 10px 0 0 !important;
  -webkit-transform: none !important;
  transform: none !important;
  background-color: #222 !important;
}

single-bet .single-bet-container {
  background-color: #222;
  color: #fff;
}

single-bet .single-bet-header {
  background-color: #333;
  border-bottom: 1px solid #444;
  padding: 12px 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

single-bet .single-bet-header .header-btn {
  background: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
  margin: 0;
  color: #ccc;
}

single-bet .single-bet-header .header-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

single-bet .single-bet-header .header-title span {
  font-size: 16px;
  color: #fff;
}

single-bet .single-bet-content {
  padding: 15px;
  background-color: #222;
}

single-bet .bet-info {
  margin-bottom: 20px;
}

single-bet .lottery-issue {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  color: #fff;
}

single-bet .bet-numbers {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

single-bet .bet-numbers .bet-label {
  margin-right: 8px;
  color: #bbb;
}

single-bet .bet-numbers .bet-number {
  font-weight: bold;
  color: #ff6347;
  font-size: 18px;
  margin-right: 10px;
}

single-bet .bet-numbers .bet-odds {
  color: #ddd;
}

single-bet .bet-amount {
  margin-bottom: 20px;
}

single-bet .amount-control {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
}

single-bet .amount-control .amount-label {
  margin-right: 10px;
  color: #bbb;
  white-space: nowrap;
}

single-bet .amount-control .amount-input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border: 1px solid #444;
  border-radius: 4px;
  overflow: hidden;
}

single-bet .amount-control .amount-input-group .amount-btn {
  background-color: #333;
  color: #fff;
  height: 34px;
  min-width: 40px;
  font-size: 18px;
  margin: 0;
  padding: 0;
  border-radius: 0;
}

single-bet .amount-control .amount-input-group .amount-input {
  width: 60px;
  text-align: center;
  border: none;
  background: #2a2a2a;
  height: 34px;
  margin: 0;
  padding: 0;
  color: #fff;
}

single-bet .quick-amount .quick-amount-label {
  margin-bottom: 10px;
  color: #bbb;
}

single-bet .quick-amount .quick-amount-buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 8px;
}

single-bet .quick-amount .quick-amount-buttons .quick-amount-btn {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0 4px;
  background-color: #333;
  border: 1px solid #444;
  border-radius: 4px;
  height: 34px;
  color: #fff;
  font-size: 14px;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

single-bet .quick-amount .quick-amount-buttons .quick-amount-btn:first-child {
  margin-left: 0;
}

single-bet .quick-amount .quick-amount-buttons .quick-amount-btn:last-child {
  margin-right: 0;
}

single-bet .quick-amount .quick-amount-buttons .quick-amount-btn.active {
  background: #ff6347;
  border-color: #ff6347;
  color: #fff;
}

single-bet .quick-amount .quick-amount-buttons .quick-amount-btn:active {
  opacity: 0.8;
}

single-bet .bet-summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 20px;
}

single-bet .bet-summary .balance, single-bet .bet-summary .prize-amount {
  font-size: 14px;
  color: #ddd;
}

single-bet .bet-summary .prize-amount {
  color: #ff6347;
}

single-bet .bet-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

single-bet .bet-actions button {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 44px;
  margin: 0 5px;
  border-radius: 4px;
}

single-bet .bet-actions button.cancel-btn {
  background-color: #444;
  color: #ddd;
  margin-left: 0;
}

single-bet .bet-actions button.confirm-btn {
  background-color: #ff6347;
  color: white;
  margin-right: 0;
}

ion-title {
  font-size: 2.5rem;
  color: #333333;
}

page-lotterySelect {
  font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif, "SimSun";
  font-size: 30px;
}

page-lotterySelect .container {
  background: #1d1c22;
}

page-lotterySelect .container .item-block {
  border-bottom: none;
}

page-lotterySelect .container .item-ios.item-block .item-inner {
  border: none;
  margin-left: 1rem;
}

page-lotterySelect .container .list-ios > .item-block:first-child {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee !important;
}

page-lotterySelect .container .list-ios > .item-block:last-child {
  border-bottom: 1px solid #eee !important;
}

page-lotterySelect .container .list-ios {
  margin: 0;
}

page-lotterySelect .container .lotterys {
  padding: 0 0.5rem;
  margin-bottom: 0.5rem;
  border: 1px solid #eee;
  border-radius: 4px;
}

page-lotterySelect .container .lotterys .menu-color {
  color: #e0dcdc;
}

page-lotterySelect .container .lotterys .menu-color.close-btn {
  color: red;
  font-size: 3rem;
}

page-lotterySelect .container .lotterys .menu-color.close-btn:before {
  font-weight: 600;
}

page-lotterySelect .container .lotterys a.item {
  border: none;
}

page-lotterySelect .container .lotterys a.item .item-inner {
  background: none;
  padding-right: 0;
}

page-lotterySelect .container .lotterys .zuotu {
  width: 2rem;
  height: 2rem;
  font-size: 3.5rem;
  margin-left: 0.5rem;
  color: #4192d8;
}

page-lotterySelect .container .lotterys .zuotu1 {
  color: #dddddd;
}

page-lotterySelect .container .lotterys .brick-name {
  font-size: 1.5rem;
  color: #333333;
}

page-lotterySelect .container .p1 {
  font-size: 1.4rem;
  color: #333333;
  font-weight: bold;
  height: 3rem;
  line-height: 3rem;
  margin-bottom: 0;
}

page-lotterySelect .container .down {
  width: 34px;
  height: 34px;
  font-size: 2.5rem;
  color: #8faad1;
  float: right;
  line-height: 33px;
  margin: 8px 0;
}

page-lotterySelect .container .add-color {
  color: #fa6262;
}

page-lotterySelect .container .bricks-list {
  padding: 0 1rem !important;
}

page-lotterySelect .container .bricks-list.add {
  margin: 1rem 0;
}

page-lotterySelect .container .bricks-list .add-collection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-lotterySelect .container .bricks-list .add-collection ion-icon.icon.icon-ios.ion-ios-add-circle {
  font-size: 3.5rem;
  color: #ccc;
  margin-right: 1rem;
  vertical-align: middle;
}

page-lotterySelect .container .bricks-list .add-collection span {
  color: #666;
  font-size: 1.6rem;
}

page-lotterySelect .container #leaveLottery .item-md {
  padding: 0;
}

page-lotterySelect .container #leaveLottery .add {
  height: 2.37rem;
  color: #4192d8;
  font-size: 3.2rem;
  line-height: 60px;
}

page-lotterySelect .container .all {
  background: #ffffff;
}

page-link-collection {
  -ms-touch-action: manipulation;
  touch-action: manipulation;
}

page-link-collection ion-header {
  height: 4.8rem;
  padding: 0 1.2rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

page-link-collection ion-header .m-header {
  height: 100%;
}

page-link-collection ion-header .m-header .logo {
  height: 3rem;
}

page-link-collection ion-header .m-header .logo img {
  height: 100%;
}

page-link-collection ion-header .m-header .btn-service {
  background: #f65252;
  height: 3rem;
  padding: 0 1rem;
  border-radius: .4rem;
}

page-link-collection ion-header .m-header .btn-service img {
  width: 2rem;
  margin-right: .6rem;
}

page-link-collection ion-header .m-header .btn-service span {
  color: #fff;
}

page-link-collection ion-content .scroll-content {
  background: url(./../../assets/images/url-collect/mobile_bg.jpg);
  background-size: 100% 100%;
}

page-link-collection ion-content .tit {
  width: 100%;
  height: 4.6rem;
  border-radius: 2rem;
  background: #fffac4;
  margin: 1rem 0;
}

page-link-collection ion-content .tit img {
  width: 3rem;
}

page-link-collection ion-content .tit span {
  margin-left: 1rem;
  color: #f94b4d;
  font-size: 1.6rem;
  font-weight: bold;
}

page-link-collection ion-content .more-content {
  padding: 2rem;
  background: #fff;
  margin-bottom: 2rem;
  border-radius: .4rem;
  min-height: calc(100% - 12rem);
  position: relative;
  padding-bottom: 11rem;
}

page-link-collection ion-content .more-content h4 {
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
}

page-link-collection ion-content .more-content p {
  color: #333;
  display: block;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

page-link-collection ion-content .more-content .r-btn {
  position: absolute;
  bottom: 3rem;
  left: 50%;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 18rem;
  height: 5.4rem;
  border-radius: 3rem;
  color: #faf6b1;
  background: -webkit-gradient(linear, left top, right top, from(#f47669), to(#cf2929));
  background: linear-gradient(to right, #f47669, #cf2929);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-link-collection ion-content .more-content .r-btn img {
  margin-right: .4rem;
  height: 3.4rem;
}

page-link-collection ion-content .more-content .r-btn span {
  display: block;
  font-weight: bold;
  font-size: 2rem;
}

page-link-collection ion-content .more-content.have-btn:after {
  content: '';
  position: absolute;
  bottom: 2.6rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 18.8rem;
  height: 6.2rem;
  z-index: -1;
  /* 确保伪元素在内容之下 */
  background: -webkit-gradient(linear, left top, right top, from(#ffe684), to(#6ce5ff));
  background: linear-gradient(to right, #ffe684, #6ce5ff);
  border-radius: 3rem;
  z-index: 0;
}

signin .login-content.content.content-ios {
  background: url(../assets/images/login/login-bg.jpg) no-repeat center center;
  background-size: cover;
}

signin .login-content.content.content-ios .scroll-content {
  background: transparent;
  /** 解决ios被遮住无法点击的问题 */
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

signin .login-content.content.content-ios .form {
  padding: 3rem 1.6rem;
}

signin .login-content.content.content-ios .form .btn_group button {
  padding: 0;
}

signin .login-content.content.content-ios .form .btn_group span {
  padding: 0 0.4rem;
  color: #fff;
  line-height: 4rem;
  font-size: 1.2rem;
}

signin .login-content.content.content-ios .form .btn_group span.button-inner {
  font-size: 1.3rem;
}

signin .login-content.content.content-ios .form .form-logo {
  padding: 2.4rem 0rem 2.6rem 0rem;
  text-align: center;
}

signin .login-content.content.content-ios .form .form-logo .logo {
  height: 2.4rem;
}

signin .login-content.content.content-ios .form .form-logo .partner {
  height: 3.6rem;
}

signin .login-content.content.content-ios .form .form-logo .certification {
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  padding: 2rem 0rem;
}

signin .login-content.content.content-ios .form .form-logo .certification::before, signin .login-content.content.content-ios .form .form-logo .certification::after {
  display: block;
  position: absolute;
  top: 50%;
  content: " ";
  height: 1px;
  width: 30%;
  background: #746a63;
  opacity: 0.4;
}

signin .login-content.content.content-ios .form .form-logo .certification::before {
  right: 50%;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}

signin .login-content.content.content-ios .form .form-logo .certification::after {
  left: 50%;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}

signin .login-content.content.content-ios .login-form {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: rgba(255, 255, 255, 0.24);
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

signin .login-content.content.content-ios .regist-form {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  background: rgba(0, 0, 0, 0.38);
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

signin .login-content.content.content-ios img.user-img {
  width: 2rem;
}

signin .login-content.content.content-ios .form-scroll {
  overflow: hidden;
  max-height: 440px;
}

signin .login-content.content.content-ios .form-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: auto;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

signin .login-content.content.content-ios .form-box input::-webkit-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

signin .login-content.content.content-ios .form-box input:-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

signin .login-content.content.content-ios .form-box input::-moz-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

signin .login-content.content.content-ios .form-box input:-ms-input-placeholder {
  color: #fff;
  font-size: 1.4rem;
}

signin .login-content.content.content-ios .form-box.register_form .form-block {
  background: rgba(255, 255, 255, 0.35);
}

signin .login-content.content.content-ios .form-wrapper {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  flex: 1 0 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 4rem;
}

signin .login-content.content.content-ios .form-wrapper .list,
signin .login-content.content.content-ios .form-wrapper .list-ios {
  margin: 0;
}

signin .login-content.content.content-ios .form-wrapper .form-wrap {
  height: 100%;
  padding: 2rem;
}

signin .login-content.content.content-ios .form-wrapper .form-wrap h4 {
  color: #fff;
  padding: 0.2rem 0rem 2rem 0rem;
  margin: 0rem;
  font-size: 1.9rem;
  text-align: center;
  font-weight: 600;
}

signin .login-content.content.content-ios .form-wrapper .form-wrap.regist-form h4 {
  padding: 0 0 2.8rem 0;
}

signin .login-content.content.content-ios .form-wrapper .form-btn {
  position: relative;
  height: 100%;
  min-width: 4.8rem;
  width: 10%;
  background: rgba(0, 0, 0, 0.38);
}

signin .login-content.content.content-ios .form-wrapper .form-btn.reg {
  border-top-right-radius: 13px;
  border-bottom-right-radius: 13px;
}

signin .login-content.content.content-ios .form-wrapper .form-btn.back {
  background: rgba(255, 255, 255, 0.24);
  border-top-left-radius: 13px;
  border-bottom-left-radius: 13px;
}

signin .login-content.content.content-ios .form-wrapper .form-btn .btn {
  position: absolute;
  font-size: 1.4rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

signin .login-content.content.content-ios .form-wrapper .form-btn .btn p {
  color: #ffffff;
  line-height: 1.9rem;
}

signin .login-content.content.content-ios .item-box {
  position: relative;
}

signin .login-content.content.content-ios .item-box .btn-eye {
  position: absolute;
  right: 10px;
  top: 9px;
  color: #999;
  margin: 0rem;
  padding: 0rem;
  font-size: 2rem;
}

signin .login-content.content.content-ios .item-box .form-block {
  padding: 0rem 1rem;
  background: transparent;
  margin-bottom: 0.8rem;
  border-radius: 23px;
  color: #fff;
  background: rgba(0, 0, 0, 0.38);
}

signin .login-content.content.content-ios .item-box .form-block .form-input {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  background: transparent;
  font-size: 1.6rem;
  font-weight: 500;
  font-family: DINAlternate;
}

signin .login-content.content.content-ios .item-box .form-block .form-input::input-placeholder {
  color: #fff;
}

signin .login-content.content.content-ios .item-box .form-block .item-inner {
  border: none;
}

signin .login-content.content.content-ios .item-box .form-block ion-icon {
  min-height: 2rem;
  font-size: 3rem;
  margin: 8px 8px 8px 0px;
}

signin .login-content.content.content-ios .item-box .form-block.verify, signin .login-content.content.content-ios .item-box .form-block.remeber {
  background: transparent;
}

signin .login-content.content.content-ios .item-box .form-block.remeber {
  margin-bottom: 1rem;
}

signin .login-content.content.content-ios .item-box .form-block .forget {
  color: #fff;
}

signin .login-content.content.content-ios .item-box .form-block .checkbox-ios {
  margin-right: 8px;
}

signin .login-content.content.content-ios .item-box .form-block .checkbox-icon {
  height: 16px;
  width: 16px;
  border-color: #fff;
  background: transparent;
}

signin .login-content.content.content-ios .item-box .form-block .checkbox-checked {
  border-color: #fff;
  background-color: #fff;
}

signin .login-content.content.content-ios .item-box .form-block .checkbox-checked .checkbox-inner {
  left: 5px;
  top: 2px;
  border-color: rgba(0, 0, 0, 0.7);
}

signin .login-content.content.content-ios .btn-verify,
signin .login-content.content.content-ios .btn-login {
  border-radius: 24px;
}

signin .login-content.content.content-ios .btn-login {
  width: 100%;
  background: none;
}

signin .login-content.content.content-ios .btn-login .item-inner {
  border-bottom: none;
  padding: 0;
}

signin .login-content.content.content-ios .btn-login .item-button {
  height: 4.5rem;
  font-size: 1.7rem;
  padding: 0;
  margin: 0;
  border-radius: 24px;
}

signin .login-content.content.content-ios .btn-login .label-ios {
  margin: 0;
}

signin .login-content.content.content-ios .btn-verify {
  height: 4rem;
  color: #fff;
  background: #cdac9d;
  opacity: 1;
  font-size: 1.5rem;
}

signin .login-content.content.content-ios .btn-verify.regist {
  text-align: left;
  margin-bottom: 1.4rem;
  background: rgba(255, 255, 255, 0.35);
  padding: 0rem 1rem;
}

signin .login-content.content.content-ios .btn-verify.regist .button-inner {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

signin .login-content.content.content-ios .btn-verify.success {
  color: #999;
  background: #edfff5;
}

signin .login-content.content.content-ios .btn-verify.success ion-icon {
  color: #23c56d;
  margin: 0rem 0.8rem 0rem 0.4rem;
}

signin .login-content.content.content-ios .btn-goWalk {
  height: 2rem;
  color: #fff;
  font-size: 1.3rem;
}

signin .login-content.content.content-ios .btn-safe {
  height: 3.2rem;
}

signin .login-content.content.content-ios .btn-line {
  color: #fff;
  font-size: 1.4rem;
}

signin .login-content.content.content-ios .btn-line .label-ios {
  margin: 0 0.6rem 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

signin .login-content.content.content-ios .btn-line .label-ios img {
  height: 2.2rem;
  margin: auto;
}

signin .login-content.content.content-ios .checkmark-circle {
  margin-right: 0.8rem;
}

signin .btn-eye {
  color: #999;
  margin: 0rem;
  padding: 2rem 0.8rem;
  font-size: 2rem;
  margin-right: -14px;
}

signin .list-domain {
  color: #383b43;
}

signin .list-domain .domain-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-bottom: 1px solid #e5e5e5;
  padding: 1.6rem;
}

signin .list-domain .domain-item .status.normal {
  color: #f6905f;
}

signin .list-domain .domain-item .status.fast {
  color: #15c241;
}

signin .list-domain .domain-item .status.slow {
  color: #ff3333;
}

signin input:-internal-autofill-selected,
signin input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 400px transparent inset;
  box-shadow: 0 0 0 400px transparent inset;
}

signin .popup-form {
  position: relative;
}

signin .popup-form .popup-sub-title {
  font-size: 1.4rem;
  color: #ff8090;
  margin-bottom: 2.4rem;
}

signin .popup-form .pupup-form-block {
  position: relative;
}

signin .popup-form .pupup-form-block:not(:last-child) {
  margin-bottom: 1.6rem;
}

signin .popup-form .pupup-form-block .error-info {
  position: relative;
  color: #ff8090;
  padding-left: 0.8rem;
  margin-bottom: 0.4rem;
  margin-top: 0.4rem;
}

signin .popup-btn-eye {
  position: absolute;
  top: 0px;
  right: 0px;
  color: #999;
  font-size: 2.2rem;
  height: 4.2rem;
  padding: 0rem 1.2rem;
  z-index: 1;
}

signin .home-screen-guide {
  position: fixed;
  bottom: 0px;
  left: 0px;
  right: 0rem;
  text-align: center;
  padding: 0rem 0.6rem;
  height: auto;
  z-index: 10;
}

signin .home-screen-guide .guide {
  position: relative;
  display: inline-block;
  margin: auto;
}

signin .home-screen-guide .guide img {
  min-width: 300px;
  max-height: 248px;
  margin: auto;
}

signin .home-screen-guide .guide-close {
  position: absolute;
  right: 0rem;
  padding: 0px 1.6rem;
  line-height: 4rem;
  text-align: center;
}

signin .home-screen-guide .guide-close ion-icon {
  font-size: 2.8rem;
  color: #aea49e;
}

signin .app-collect {
  position: absolute;
  padding: 0 1rem;
  bottom: 1rem;
  z-index: 2;
}

signin .app-collect .bottom-prompt {
  position: relative;
}

signin .app-collect .bottom-prompt .close {
  position: absolute;
  color: #fff;
  right: 1.6rem;
  top: 0.8rem;
  font-size: 2.2rem;
}

bulletin-box {
  /* 自定义滚动条样式 */
}

bulletin-box .form-box {
  color: white !important;
  background: var(--cp-color137) !important;
  border: 2px solid var(--cp-color136) !important;
  padding: 0rem 0 2rem 0;
  border-radius: 12px;
}

bulletin-box .title {
  font-size: 2rem;
  font-weight: bold;
  text-align: center;
  color: #fff !important;
  background: var(--cp-color136);
  padding: 0.8rem 1rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

bulletin-box .modal-center {
  height: 29rem;
  padding: 0.5rem 1rem;
  overflow-x: hidden;
  overflow-y: auto;
}

bulletin-box .modal-center * {
  -webkit-user-select: all;
  -moz-user-select: all;
  -ms-user-select: all;
  user-select: all;
}

bulletin-box .modal-center .modal-center-main {
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

bulletin-box .modal-center .modal-center-main p span {
  white-space: pre-line !important;
  width: 100%;
  color: #f0f0f0 !important;
  text-align: -webkit-auto;
}

bulletin-box .modal-center-main::-webkit-scrollbar {
  width: 2px;
  /* 设置滚动条宽度 */
}

bulletin-box .modal-center-main::-webkit-scrollbar-thumb {
  background-color: #999;
  /* 滚动条拖动部分的颜色 */
  border-radius: 6px;
  /* 滚动条拖动部分的圆角 */
}

bulletin-box .modal-center-main::-webkit-scrollbar-track {
  background-color: #2a2833;
  /* 滚动条轨道的颜色 */
}

bulletin-box .modal-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4.6rem;
  line-height: 4.6rem;
}

bulletin-box .modal-bottom div {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

bulletin-box .modal-bottom div:first-child {
  font-size: 1.6rem;
  color: #757575;
  border-right: 1px solid #e5e5e5;
}

bulletin-box .modal-bottom div:last-child {
  color: #e4a24c;
  font-weight: bold;
}

lottery-open {
  padding: 0 1rem;
}

lottery-open ion-header {
  border-bottom: none;
}

lottery-open ion-header .icon {
  font-size: 3rem;
}

lottery-open .brick-type-toolbar {
  padding: 0px 4px;
}

lottery-open .brick-type-toolbar .toolbar-background {
  background-color: #f8f8ff;
}

lottery-open .button-slide::-webkit-scrollbar {
  height: 0;
}

lottery-open .button-slide .bar-button {
  height: 4.2rem;
  font-size: 1.4rem;
  padding: 0rem 0.8rem;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: #333;
}

lottery-open .button-slide.brick-type-buttons {
  overflow-x: auto;
  white-space: nowrap;
}

lottery-open .button-slide.brick-type-buttons .bar-button.actived {
  position: relative;
  color: #e4a24c;
  border-bottom: 2px solid #e4a24c;
  border-radius: 0px;
}

lottery-open .brick-open-content {
  padding: 0rem 0rem;
}

lottery-open .brick-open-content .list.list-ios {
  margin: 0;
}

lottery-open .brick-open-content .item-ios.activated {
  background: #fff;
}

lottery-open .brick-info {
  color: #333;
  text-align: left;
}

lottery-open .brick-info .brick-name,
lottery-open .brick-info .surplus-time,
lottery-open .brick-info .brick-issue {
  width: 100%;
}

lottery-open .brick-info .surplus-time,
lottery-open .brick-info .brick-issue {
  color: #a3b2c2;
}

lottery-open .brick-info .brick-name,
lottery-open .brick-info .brick-issue {
  margin-bottom: 0.4rem;
}

lottery-open .brick-info-surplus-time {
  padding-left: 1rem;
}

lottery-open .brick-info-surplus-time .surplus-time .time {
  color: #ec4d3b;
  font-family: DSDigital;
}

lottery-open .brick-info-open-code .balls {
  width: 18rem;
}

lottery-open .brick-info-open-code .balls.balls-pcdd .ball {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
}

lottery-open .brick-info-open-code .balls .ball {
  text-align: center;
  width: 3rem;
  height: 3rem;
  line-height: 3rem;
  border-radius: 50%;
  color: #fff;
  margin: 0.2rem;
  background-color: #f36b5b;
  font-family: DINAlternate;
}

lottery-open .brick-info-open-code .balls .ball.normal {
  background: transparent;
  color: #333;
  width: auto;
}

lottery-open .brick-info-open-code .balls .ball.lhc-ball.lhc-red {
  background: #ff3461;
}

lottery-open .brick-info-open-code .balls .ball.lhc-ball.lhc-green {
  background: #55b47c;
}

lottery-open .brick-info-open-code .balls .ball.lhc-ball.lhc-blue {
  background: #48a0e7;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball01 {
  background-color: #ff9800;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball02 {
  background-color: #4089f7;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball03 {
  background-color: #4d4d4d;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball04 {
  background-color: #eb7b30;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball05 {
  background-color: #77d8da;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball06 {
  background-color: #4b20f5;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball07 {
  background-color: #b8b8b8;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball08 {
  background-color: #e73323;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball09 {
  background-color: #6a110a;
}

lottery-open .brick-info-open-code .balls-pk10 .ball.ball10 {
  background-color: #61ba37;
}

lottery-open .empty {
  padding: 10rem 0rem;
}

lottery-open .empty-text {
  padding: 1.6rem 0rem;
}

lottery-open ion-spinner * {
  width: 3.2rem;
  height: 3.2rem;
  stroke: #999;
  fill: #666;
}

brick-list h5 {
  color: #fff;
}

brick-list .loading,
brick-list .empty {
  color: #ccc;
  font-size: 1.6rem;
  text-align: center;
  padding-top: 50%;
}

brick-list .loading > div,
brick-list .empty > div {
  padding: 0.8rem 0rem;
}

brick-list .brick-flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

brick-list .btn-brick {
  width: 32%;
  color: #c2bbd0;
  font-size: 1.4rem;
  margin-right: 0.2rem;
  margin-bottom: 0.8rem;
  height: 2.4em;
  background: transparent;
}

brick-list .btn-brick.active {
  color: #fff;
  background: #905bc8;
}

brick-road-map .road-nodata,
brick-road-map .road-wrapper {
  position: relative;
  height: 100%;
}

brick-road-map .road-nodata p {
  padding: 1rem 0rem;
  color: #999;
  text-align: center;
}

brick-road-map .road-nodata .road-spinner {
  padding: 15rem 0rem;
}

brick-road-map .road-nodata .empty {
  padding: 10rem;
  text-align: center;
}

brick-road-map .road-nodata .empty img {
  display: block;
}

brick-road-map .road-wrapper .slide-tabs {
  position: absolute;
  left: 0;
  width: 5rem;
  z-index: 9;
  top: 1rem;
  bottom: 1rem;
  overflow: auto;
  border-top-right-radius: 2rem;
  border-bottom-right-radius: 2rem;
  background-color: #1c1c25;
}

brick-road-map .road-wrapper .slide-tabs .tab-item {
  height: 6rem;
  line-height: 6rem;
  padding: 0;
  text-align: center;
  width: 100%;
  color: white;
  position: relative;
  display: block;
  font-size: 1.2rem;
  border-bottom: 1px solid #313131;
}

brick-road-map .road-wrapper .slide-tabs .tab-item.actived {
  color: var(--cp-color188);
  font-weight: 700;
  background: var(--cp-color40);
}

brick-road-map .road-wrapper .slide-tabs .tab-item.actived::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.4rem;
  left: 0;
  background: var(--cp-color191);
}

brick-road-map .road-wrapper .road-box {
  position: absolute;
  left: 6.6rem;
  right: 0;
  z-index: 9;
  top: 1rem;
  bottom: 0rem;
  overflow: auto;
}

brick-road-map .road-wrapper .road-box.betting {
  bottom: 5.4rem;
}

brick-road-map .road-wrapper .road-btn {
  height: 3.2rem;
  color: #ffffff;
  font-size: 1.4rem;
  background-color: var(--cp-color41);
}

brick-road-map .road-wrapper .road-btn:not(:last-child) {
  margin-right: 1rem;
}

brick-road-map .road-wrapper .road-btn.actived {
  color: #fff;
  background: var(--cp-color192);
}

brick-road-map .road-wrapper .road-bet-btns {
  position: absolute;
  left: 6rem;
  bottom: 0rem;
  padding-right: 1rem;
  width: calc(100% - 6rem);
}

brick-road-map .road-wrapper .road-bet-btns span {
  padding-right: 0.4rem;
}

brick-road-map .road-wrapper .road-bet-btns button {
  color: var(--cp-color194);
  height: 4rem;
  width: 100%;
  display: block;
  border: 1px solid var(--cp-color195);
  background: var(--cp-color193);
}

brick-road-map .road-wrapper .road-bet-btns .text-red {
  color: #f55656;
}

brick-road-map .road-wrapper .road-bet-btns .text-blue {
  color: #007aff;
}

brick-road-map .road-wrapper .road-bet-btns .odds {
  color: #999;
}

brick-road-map .main-road-container {
  position: relative;
  margin: 1rem 0rem;
  max-width: calc(100% - 1rem);
  height: 96px;
  overflow: hidden;
}

brick-road-map .main-road-box {
  position: relative;
  max-width: calc(100%);
  height: 113px;
}

brick-road-map .main-road-box .scroll-content {
  margin: 0rem !important;
  overflow: auto !important;
}

brick-road-map .main-road-box .main-road {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

brick-road-map .main-road-box .main-road .road-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #353141;
}

brick-road-map .main-road-box .main-road .road-item:last-child {
  border-right: 1px solid #353141;
}

brick-road-map .main-road-box .main-road .road-item span {
  text-align: center;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.4rem;
  font-size: 1.2rem;
  border-bottom: 1px solid #353141;
}

brick-road-map .main-road-box .main-road .road-item span.twinkle {
  background: #ffeb3b;
}

brick-road-map .main-road-box .main-road .road-item span.red {
  color: #f55656;
}

brick-road-map .main-road-box .main-road .road-item span.blue {
  color: #007aff;
}

brick-road-map .main-road-box .main-road .road-item span.green {
  color: #41d65d;
}

brick-road-map .main-road-box .main-road .road-item span:first-child {
  border-top: 1px solid #353141;
}

brick-road-map .main-road-box .small-road,
brick-road-map .main-road-box .big-road,
brick-road-map .main-road-box .insect-road {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

brick-road-map .main-road-box .small-road .road-item,
brick-road-map .main-road-box .big-road .road-item,
brick-road-map .main-road-box .insect-road .road-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  border-left: 1px solid #353141;
}

brick-road-map .main-road-box .small-road .road-item:last-child,
brick-road-map .main-road-box .big-road .road-item:last-child,
brick-road-map .main-road-box .insect-road .road-item:last-child {
  border-right: 1px solid #353141;
}

brick-road-map .main-road-box .small-road .road-item span,
brick-road-map .main-road-box .big-road .road-item span,
brick-road-map .main-road-box .insect-road .road-item span {
  text-align: center;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  line-height: 1.4rem;
  font-size: 1.2rem;
  border-bottom: 1px solid #353141;
}

brick-road-map .main-road-box .small-road .road-item span.twinkle,
brick-road-map .main-road-box .big-road .road-item span.twinkle,
brick-road-map .main-road-box .insect-road .road-item span.twinkle {
  background: #ffeb3b;
}

brick-road-map .main-road-box .small-road .road-item span:first-child,
brick-road-map .main-road-box .big-road .road-item span:first-child,
brick-road-map .main-road-box .insect-road .road-item span:first-child {
  border-top: 1px solid #353141;
}

brick-road-map .main-road-box .small-road .road-item span i,
brick-road-map .main-road-box .big-road .road-item span i,
brick-road-map .main-road-box .insect-road .road-item span i {
  display: inline-block;
}

brick-road-map .child-road-container {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

brick-road-map .child-road-container .road-container {
  height: 96px;
  overflow: hidden;
  margin-bottom: 1rem;
}

brick-road-map .child-road-container .child-road {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(100% - 10rem);
  -ms-flex: 0 0 calc(100% - 10rem);
  flex: 0 0 calc(100% - 10rem);
}

brick-road-map .next-issue-info .road-btn-group {
  text-align: center;
  margin: 1.6rem 0rem;
}

brick-road-map .next-issue-info .road-btn-group .text-red {
  padding-top: 2px;
  color: #f55656;
}

brick-road-map .next-issue-info .road-btn-group .text-blue {
  color: #007aff;
}

brick-road-map .next-issue-info .road-btn-group i {
  font-style: normal;
}

brick-road-map .next-issue-info .road-btn-group i.text-red, brick-road-map .next-issue-info .road-btn-group i.text-blue {
  padding: 0rem 0rem;
}

brick-road-map .next-issue-info .road-btn-group i.slash {
  margin-left: 0.4rem;
}

brick-road-map .next-issue-info .road-btn-group .btn-road {
  height: 3.2rem;
  color: #ffffff;
  font-size: 1.4rem;
  background: var(--cp-color43);
}

brick-road-map .next-issue-info .road-btn-group .btn-road.actived {
  background: #fff6c3;
}

brick-road-map .next-issue-info .road-btn-group .btn-road:first-child {
  margin-bottom: 0.6rem;
  background: var(--cp-color42);
}

brick-road-map .text-red {
  color: #f55656;
}

brick-road-map .hollow-circle {
  width: 10px;
  height: 10px;
  border: 2px solid #fff;
  border-radius: 50%;
}

brick-road-map .hollow-circle.red {
  border-color: #f55656;
}

brick-road-map .hollow-circle.blue {
  border-color: #007aff;
}

brick-road-map .slash {
  width: 2px;
  height: 10px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

brick-road-map .slash.red {
  background-color: #f55656;
}

brick-road-map .slash.blue {
  background-color: #007aff;
}

brick-road-map .disc {
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

brick-road-map .disc.red {
  background-color: #f55656;
}

brick-road-map .disc.blue {
  background-color: #007aff;
}

brick-road-map .qz-road {
  position: relative;
  left: 0 !important;
  right: 0 !important;
  z-index: 9;
  top: 0 !important;
  bottom: 0 !important;
  padding: 1rem;
}

brick-road-map .qz-road .main-road-container {
  margin: 1rem 0rem 0 0;
}

brick-road-map .ask-remark {
  text-align: right;
  padding: 0.4rem 1rem;
}

brick-road-map .ask-remark.right-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: start;
  -ms-flex-align: start;
  align-items: start;
  padding: 0;
}

brick-road-map .ask-remark.right-btn .btn-remark {
  padding: 0;
  margin-left: 0;
}

brick-road-map .ask-remark .btn-remark {
  font-size: 1.4rem;
  height: 3.2rem;
  color: white;
}

brick-road-map .ask-remark .btn-remark ion-icon {
  margin-right: 4px;
}

brick-road-map .ask-tips {
  position: fixed;
  top: 42%;
  margin: 0rem 2.4rem;
  z-index: 20;
  background: var(--cp-color137) !important;
  border-radius: 6px;
  -webkit-box-shadow: 0 1px 10px 2px rgba(117, 115, 128, 0.38);
  box-shadow: 0 1px 10px 2px rgba(117, 115, 128, 0.38);
  padding-top: 1rem;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

brick-road-map .ask-tips .content {
  color: #c0b9e0;
  background: var(--cp-color137) !important;
  padding: 2.6rem 1.6rem;
  border-bottom: 1px solid var(--cp-color138);
}

brick-road-map .ask-tips .content i {
  display: inline-block;
  margin-right: 0.4rem;
}

brick-road-map .ask-tips .btn-confirm {
  padding: 1.2rem 0rem;
  font-size: 1.6rem;
  text-align: center;
  color: #cdac9d;
  background: rgba(255, 255, 255, 0);
}

brick-road-map .ask-mask {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 19;
  background: transparent;
}

brick-trend {
  color: #333;
}

brick-trend .picker-ios .picker-wrapper {
  -ms-touch-action: none;
  touch-action: none;
}

brick-trend .picker-toolbar-multi-picker-cancel {
  text-align: left !important;
}

brick-trend .picker-md .picker-toolbar-button {
  flex: 1;
  text-align: right;
  text-align: end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
}

brick-trend .picker-toolbar-multi-picker-cancel .picker-button {
  font-weight: bold !important;
  color: #666 !important;
}

brick-trend .picker-ios .picker-toolbar {
  border-bottom: none !important;
  font-size: 1.6rem !important;
}

brick-trend .picker-ios .picker-button,
brick-trend .picker-ios .picker-button.activated {
  color: #e4a24c;
}

brick-trend .picker-ios .picker-button span.button-inner,
brick-trend .picker-ios .picker-button.activated span.button-inner {
  font-size: 1.4rem;
}

brick-trend .toolbar-md {
  padding: 0 !important;
}

brick-trend .toolbar-md 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;
}

brick-trend .alert-ios .alert-wrapper {
  background-color: #2c2a38 !important;
  min-width: 300px !important;
}

brick-trend .alert-ios .alert-wrapper .alert-title {
  color: white;
}

brick-trend .alert-ios .alert-wrapper .alert-message {
  color: #c0b9e0;
}

brick-trend .alert-ios .alert-wrapper .alert-button {
  color: #ffffff;
  border-top: 1px solid var(--cp-color228);
  border-right: 1px solid var(--cp-color228);
}

brick-trend .alert-ios .alert-wrapper .alert-button.activated {
  background-color: transparent;
}

brick-trend .alert-ios .alert-wrapper > div:nth-child(3) {
  max-height: 15rem;
  overflow-y: auto;
}

brick-trend .send-form .alert-head {
  padding: 12px 16px 19px !important;
  border-bottom: 1px solid #eee;
}

brick-trend .send-form .alert-message {
  display: none;
}

brick-trend .send-form .alert-checkbox-group {
  border-top: 0 !important;
}

brick-trend .send-form .alert-button-group {
  overflow: hidden;
  height: 44px;
}

brick-trend .send-form .alert-button-group button {
  max-width: 25% !important;
  min-width: 25% !important;
  position: absolute;
  bottom: 0;
}

brick-trend .send-form .alert-button-group button:first-child {
  left: 0;
}

brick-trend .send-form .alert-button-group button:nth-child(2) {
  left: 25%;
}

brick-trend .send-form .alert-button-group button:nth-child(3) {
  left: 50%;
}

brick-trend .send-form .alert-button-group button:nth-child(4) {
  left: 75%;
}

brick-trend .send-form .alert-button-group button:nth-child(4) span {
  font-weight: 400;
}

brick-trend ion-header .toolbar-background-md,
brick-trend .header-ios .toolbar-background-ios {
  background: var(--cp-color1) !important;
}

brick-trend .menu-return {
  height: auto;
  background: none !important;
  margin: 0 !important;
}

brick-trend ion-header {
  border-bottom: 0.5px solid #2d2940;
}

brick-trend ion-header .toolbar-title-md,
brick-trend ion-header .bar-button-default-ios,
brick-trend ion-header .toolbar-title-ios,
brick-trend ion-header .bar-button-default-md,
brick-trend ion-header .bar-button-clear-md-default,
brick-trend ion-header .bar-button-md-default {
  color: #fff;
}

brick-trend ion-header .top_header .bar-button-default-ios {
  color: #fff;
}

brick-trend .button-md {
  box-shadow: none !important;
  -webkit-box-shadow: none !important;
}

brick-trend .statusbar-padding {
  padding: 0 !important;
  min-height: 4rem !important;
}

brick-trend .statusbar-padding ion-title {
  padding: 0 !important;
  height: 100% !important;
  min-height: 100% !important;
}

brick-trend .statusbar-padding .scroll-content {
  padding-top: 0px !important;
}

brick-trend .picker-ios .picker-opt {
  color: #fff !important;
}

brick-trend .picker-ios .picker-above-highlight {
  border: 1px solid #24242c !important;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #1b1b1f), to(rgba(27, 27, 31, 0.7))) !important;
  background: linear-gradient(to bottom, #1b1b1f 20%, rgba(27, 27, 31, 0.7) 100%) !important;
}

brick-trend .picker-ios .picker-below-highlight {
  border: 1px solid #24242c !important;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(30%, #1b1b1f), to(rgba(27, 27, 31, 0.7))) !important;
  background: linear-gradient(to top, #1b1b1f 30%, rgba(27, 27, 31, 0.7) 100%) !important;
}

brick-trend order-detail .content .slides .swiper-slide .teems .label {
  margin-bottom: 0 !important;
}

brick-trend order-detail .content .slides .swiper-slide .teems p:last-child {
  border-bottom: 0 !important;
}

brick-trend .my-row {
  overflow: hidden;
  margin: 0 -0.3rem;
}

brick-trend .my-row .col-md-3,
brick-trend .my-row .col-md-4,
brick-trend .my-row .col-md-6 {
  float: left;
  padding: 0 0.3rem;
}

brick-trend .my-row .col-md-3 {
  width: 25%;
}

brick-trend .my-row .col-20 {
  width: 20%;
}

brick-trend .my-row .col-md-4 {
  width: 33.333333%;
}

brick-trend .my-row .col-md-6 {
  width: 50%;
}

brick-trend .bg-default {
  background-color: var(--cp-color282);
}

brick-trend .text-default {
  color: var(--cp-color282) !important;
}

brick-trend .bg-success {
  background-color: #2c8833;
}

brick-trend .text-success {
  color: #2c8833 !important;
}

brick-trend .bg-warning {
  background-color: #fa8c16;
}

brick-trend .text-warning {
  color: #fa8c16 !important;
}

brick-trend .bg-danger {
  background-color: #ff8090;
}

brick-trend .text-danger {
  color: #ff8090 !important;
}

brick-trend .bg-sandy {
  background-color: #ba865e;
}

brick-trend .text-sandy {
  color: #ba865e !important;
}

brick-trend .bg-yellow {
  background-color: #ffe404;
}

brick-trend .text-yellow {
  color: #ffe404 !important;
}

brick-trend .bg-blueviolet {
  background-color: "#695a93";
}

brick-trend .text-blueviolet {
  color: "#695a93" !important;
}

brick-trend .text-left {
  text-align: left;
}

brick-trend .text-center {
  text-align: center;
}

brick-trend .text-right {
  text-align: right;
}

brick-trend .pull-left {
  float: left;
}

brick-trend .pull-right {
  float: right;
}

brick-trend ion-alert.alert-top.alert-withdraw {
  padding-top: 14rem;
}

brick-trend ion-alert.alert-top.alert-withdraw .alert-ios .alert-input {
  height: 3.6rem !important;
  margin-top: 0;
}

brick-trend ion-alert.alert-top.alert-withdraw .text-danger {
  margin-top: 0.8rem;
}

brick-trend .clearfix::after,
brick-trend .clearfix::before {
  display: table;
  content: " ";
  clear: both;
  overflow: hidden;
}

brick-trend .clearfix {
  zoom: 1;
}

brick-trend .tips-box {
  position: relative;
}

brick-trend .tips-box .tips-top {
  position: absolute;
  top: 110%;
  right: 6px;
  border: 1px solid #ccc;
  background: #fff;
  border-radius: 5px;
  padding: 4px 6px;
  width: 26rem;
  text-align: center;
}

brick-trend .tips-box .tips-top:after {
  content: "";
  height: 0;
  width: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 8px solid #ccc;
  position: absolute;
  bottom: 100%;
  right: 20%;
}

brick-trend .col-6 {
  padding: 0.5rem;
  width: 50%;
  float: left;
}

brick-trend max-reward .remarks {
  padding: 1rem;
  font-size: 1.4rem;
  color: #ebebeb;
  line-height: 22px;
}

brick-trend max-reward .mark {
  color: #ebebeb;
  font-size: 1.2rem;
  padding: 0 1rem 1rem 1rem;
}

brick-trend max-reward .brick_list {
  padding: 1rem;
  margin: 0;
  overflow: hidden;
  background: var(--cp-color156);
}

brick-trend max-reward .brick_list .h5 {
  color: #d4d0e9;
  font-size: 1.4rem;
  padding: 1rem 0;
}

brick-trend max-reward .brick_list .brick {
  width: 50%;
  border-left: 1px solid #36303f;
  border-bottom: 1px solid #36303f;
  float: left;
  padding: 0.2rem;
}

brick-trend max-reward .brick_list .brick.active {
  background: #cdac9d;
}

brick-trend max-reward .brick_list .brick.active p,
brick-trend max-reward .brick_list .brick.active span {
  color: #fff;
}

brick-trend max-reward .brick_list .brick:last-of-type {
  border-right: 1px solid #36303f;
}

brick-trend max-reward .brick_list .brick:nth-child(2n) {
  border-right: 1px solid #36303f;
}

brick-trend max-reward .brick_list .brick:nth-child(1), brick-trend max-reward .brick_list .brick:nth-child(2) {
  border-top: 1px solid #36303f;
}

brick-trend max-reward .brick_list .brick p {
  color: #d4d0e9;
  font-size: 1.4rem;
  text-align: center;
}

brick-trend max-reward .brick_list .brick span {
  text-align: center;
  color: #e05364;
  font-size: 1.2rem;
  display: block;
}

brick-trend .recharge-refuseform .alert-wrapper {
  max-width: 350px !important;
}

brick-trend .recharge-refuseform .alert-message {
  max-height: 540px !important;
  padding: 0 !important;
}

brick-trend .recharge-refuseform .alert-radio-group {
  border-top: none !important;
  padding-top: 0 !important;
  max-height: 26rem !important;
}

brick-trend .recharge-refuseform .alert-wrapper > div:nth-child(3) {
  max-height: 26rem !important;
}

brick-trend .recharge-refuseform .alert-head {
  margin-bottom: 0;
}

brick-trend .recharge-refuseform .alert-head .alert-title .title {
  margin-top: 1rem;
}

brick-trend .recharge-refuseform .alert-head .alert-title .tips {
  color: #333;
  margin-bottom: 1rem;
  margin-top: 1.5rem;
}

brick-trend .recharge-refuseform .alert-head .alert-title .tips-red {
  color: red;
}

brick-trend .recharge-refuseform .alert-head .alert-title .cancel-text {
  color: #434242;
  font-size: 1.4rem;
  margin-top: 2rem;
  text-align: left;
}

brick-trend .btn-linear-gradient-yellow {
  color: #d5ceef;
  border-width: 0px;
  font-weight: bold;
  text-align: center;
  background: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background: linear-gradient(to right, #e6ad56, #c16732);
  border-radius: 4px;
}

brick-trend ion-header {
  border-width: 0;
}

brick-trend ion-header .toolbar-ios-base {
  height: 5.6rem;
}

brick-trend ion-header .toolbar-ios-base .toolbar-background-ios {
  background-color: #fff;
}

brick-trend .toolbar-ios-base .bar-button-default-ios {
  color: white;
}

brick-trend .scroll-content {
  overflow: hidden;
  -webkit-overflow-scrolling: unset;
  will-change: unset;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

brick-trend .btn-title,
brick-trend .btn-title:hover {
  color: #ffffff;
  position: relative;
}

brick-trend .btn-title > span::after,
brick-trend .btn-title:hover > span::after {
  position: absolute;
  content: " ";
  right: 0rem;
  width: 0px;
  height: 0px;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
}

brick-trend .font16 {
  font-size: 1.6em;
}

brick-trend .btn {
  height: 3.2rem;
  font-size: 1.4rem;
}

brick-trend .brick-fixed {
  position: absolute;
  display: none;
  padding: 0rem 1.2rem;
  top: 0rem;
  left: 0rem;
  right: 0rem;
  bottom: 0rem;
  z-index: 10;
  overflow: auto;
  background: #2a2532;
}

brick-trend .brick-fixed.visiabled {
  display: block;
}

brick-trend .brick-list-fixed {
  padding: 0rem 1rem;
  background: var(--cp-color275);
  border-top: 1px solid var(--cp-color275);
}

brick-trend .brick-list-fixed .trend-issue-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.4rem 0rem;
  border-bottom: 1px dashed #513fa7;
}

brick-trend .brick-list-fixed .trend-issue-box .issue .surplus-time {
  font-family: DSDigital;
  font-size: 1.6rem;
  font-weight: bold;
  color: #ffcc00;
}

brick-trend .brick-list-fixed .trend-issue-box .btn-betting {
  height: 3rem;
  border-radius: 1.5rem;
  color: #e4a451;
  background: none;
  border: 1px solid #e4a451;
}

brick-trend .trend-warpper {
  height: calc(100% - 13rem - env(safe-area-inset-bottom));
  color: #a3a3a3;
}

brick-trend .trend-warpper .warpper {
  background: var(--cp-color275);
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  border-top: 1px solid #45415b;
}

brick-trend .trend-warpper .warpper .header-menu {
  height: 4.8rem;
  padding: 0.3rem 0rem 0rem 0rem;
  width: calc(100% - 5rem);
  margin-right: 0.4rem;
}

brick-trend .trend-warpper .warpper .table-scorll {
  overflow: auto;
}

brick-trend .trend-warpper .warpper .table-scorll .nav {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

brick-trend .trend-warpper .warpper .table-scorll .nav .nav-item {
  color: white;
  border: 1px solid #615b82;
  margin-right: 0.6rem;
  padding: 0rem 0.8rem;
  background-color: #615b82;
  min-width: 8rem;
}

brick-trend .trend-warpper .warpper .table-scorll .nav .nav-item:first-child {
  margin-left: 0.6rem;
}

brick-trend .trend-warpper .warpper .table-scorll .nav .nav-item.actived {
  color: #fff;
  background-color: #da964a;
}

brick-trend .trend-warpper .warpper .btn-menu {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 4rem;
  -ms-flex: 0 0 4rem;
  flex: 0 0 4rem;
  height: 3.6rem;
  background: #534d64;
  color: #da964a;
  border: 1px solid #534d64;
  -webkit-box-shadow: -4px 0 16px -8px #aaa;
  box-shadow: -4px 0 16px -8px #aaa;
  padding: 0rem;
  margin-top: 0.4rem;
}

brick-trend .trend-warpper .warpper .btn-menu ion-icon {
  font-size: 1.6em;
}

brick-trend .trend-top-scroll {
  height: calc(100% - 1.6rem - env(safe-area-inset-bottom));
}

brick-trend .menu-right-overlay,
brick-trend .menu-container {
  display: block;
  position: fixed;
  top: 0rem;
  right: 0rem;
  bottom: 0rem;
  z-index: 20;
  padding-top: env(safe-area-inset-top) !important;
}

brick-trend .menu-right-overlay {
  width: 0rem;
  left: 0rem;
  opacity: 0;
  background: rgba(0, 0, 0, 0.4);
}

brick-trend .menu-right-overlay.visiabled {
  width: 100%;
  opacity: 1;
}

brick-trend .menu-container {
  right: -2rem;
  left: 100%;
  background: #22212b;
  padding: 0rem 1rem;
  -webkit-transform: right 0.5s;
  transform: right 0.5s;
}

brick-trend .menu-container.visiabled {
  width: 80%;
  left: auto;
  right: 0rem;
}

brick-trend .menu-container .container-header .menu-header {
  text-align: right;
  font-size: 1.6rem;
  padding: 1rem 0rem;
  border-bottom: 1px solid #2e2e2e;
  color: white;
}

brick-trend .menu-container .container-header .menu-header span {
  position: relative;
  padding: 0rem 0.4rem;
}

brick-trend .menu-container .container-header .menu-header span::before {
  position: absolute;
  content: " ";
  left: -0.4rem;
  top: 0.6rem;
  width: 0.3rem;
  height: 1rem;
  background: #5c49c5;
}

brick-trend .menu-container .wrapper h5 {
  font-size: 1.6rem;
  color: white;
}

brick-trend .menu-container .wrapper .btn-trend {
  display: block;
  font-size: 1.3rem;
  color: white;
  height: 3.2rem;
  min-width: 7.8rem;
  background: #615b82;
  display: block;
}

brick-trend .menu-container .wrapper .btn-trend.actived {
  color: #fff;
  background: #da964a;
}

code-form .trend-table,
trend-form .trend-table {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

code-form .trend-table .trend-row,
trend-form .trend-table .trend-row {
  position: relative;
  border-bottom: 1px solid #45415b;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: var(--cp-color148);
}

code-form .trend-table .trend-row.trend-issue,
trend-form .trend-table .trend-row.trend-issue {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 9rem;
  -ms-flex: 0 0 9rem;
  flex: 0 0 9rem;
  border-right: 1px solid #45415b;
}

code-form .trend-table .trend-row:nth-child(even),
trend-form .trend-table .trend-row:nth-child(even) {
  background: var(--cp-color275);
}

code-form .trend-table .trend-row .trend-col,
trend-form .trend-table .trend-row .trend-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

code-form .trend-table .trend-row .trend-col.issue,
trend-form .trend-table .trend-row .trend-col.issue {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  min-width: 9rem;
}

code-form .trend-table .trend-row .trend-col:not(:first-child),
trend-form .trend-table .trend-row .trend-col:not(:first-child) {
  border-left: 1px solid #45415b;
}

code-form .trend-table .trend-row .trend-col.has-child,
trend-form .trend-table .trend-row .trend-col.has-child {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

code-form .trend-table .trend-row .trend-col.has-child .trend-col,
trend-form .trend-table .trend-row .trend-col.has-child .trend-col {
  height: 2.4rem;
}

code-form .trend-table .trend-row .trend-col i,
trend-form .trend-table .trend-row .trend-col i {
  font-style: normal;
  font-size: 1.2rem;
}

code-form .trend-table .trend-row .trend-col:last-of-type .lhc-ball.lhc-red,
trend-form .trend-table .trend-row .trend-col:last-of-type .lhc-ball.lhc-red {
  background: url(../../../assets/images/brick/tamaball_red.png);
  background-size: 100%;
  color: #fff;
}

code-form .trend-table .trend-row .trend-col:last-of-type .lhc-ball.lhc-green,
trend-form .trend-table .trend-row .trend-col:last-of-type .lhc-ball.lhc-green {
  background: url(../../../assets/images/brick/tamaball_green.png);
  background-size: 100%;
  color: #fff;
}

code-form .trend-table .trend-row .trend-col:last-of-type .lhc-ball.lhc-blue,
trend-form .trend-table .trend-row .trend-col:last-of-type .lhc-ball.lhc-blue {
  background: url(../../../assets/images/brick/tamaball_bule.png);
  background-size: 100%;
  color: #fff;
}

code-form .trend-table .trend-row .cell,
trend-form .trend-table .trend-row .cell {
  text-align: center;
  width: 100%;
  height: 2.8rem;
  line-height: 2.8rem;
}

code-form .trend-table .trend-row .cell.san-text,
trend-form .trend-table .trend-row .cell.san-text {
  color: #6aa2f9;
}

code-form .trend-table .trend-row .cell.liu-text,
trend-form .trend-table .trend-row .cell.liu-text {
  color: #ca7b37;
}

code-form .trend-table .trend-row .cell.bao-text,
trend-form .trend-table .trend-row .cell.bao-text {
  color: #ff6366;
}

code-form .trend-table .trend-row .cell.san, code-form .trend-table .trend-row .cell.liu, code-form .trend-table .trend-row .cell.bao,
trend-form .trend-table .trend-row .cell.san,
trend-form .trend-table .trend-row .cell.liu,
trend-form .trend-table .trend-row .cell.bao {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
}

code-form .trend-table .trend-row .cell.san,
trend-form .trend-table .trend-row .cell.san {
  color: #6aa2f9;
  background: url(../../../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
}

code-form .trend-table .trend-row .cell.liu,
trend-form .trend-table .trend-row .cell.liu {
  color: #ca7b37;
  background: url(../../../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
}

code-form .trend-table .trend-row .cell.bao,
trend-form .trend-table .trend-row .cell.bao {
  color: #ff6366;
  background: url(../../../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
}

code-form .trend-table .trend-row .cell.lhc-ball,
trend-form .trend-table .trend-row .cell.lhc-ball {
  width: 2rem;
  height: 2rem;
  line-height: 1.8rem;
  color: #fff;
  border: 1px solid red;
  border-radius: 50%;
  margin-top: 0.4rem;
}

code-form .trend-table .trend-row .cell.lhc-ball.lhc-red,
trend-form .trend-table .trend-row .cell.lhc-ball.lhc-red {
  border-color: #ff3461;
  color: #ff3461;
}

code-form .trend-table .trend-row .cell.lhc-ball.lhc-green,
trend-form .trend-table .trend-row .cell.lhc-ball.lhc-green {
  border-color: #55b47c;
  color: #55b47c;
}

code-form .trend-table .trend-row .cell.lhc-ball.lhc-blue,
trend-form .trend-table .trend-row .cell.lhc-ball.lhc-blue {
  border-color: #48a0e7;
  color: #48a0e7;
}

code-form .trend-table .trend-row .cell.qz-num span,
trend-form .trend-table .trend-row .cell.qz-num span {
  width: 2.2rem;
  height: 2.2rem;
  line-height: 2.2rem;
  text-align: center;
}

code-form .trend-table .trend-row .cell.qz-num span.san,
trend-form .trend-table .trend-row .cell.qz-num span.san {
  color: #6aa2f9;
  background: url(../../../assets/images/zuozhuang/san.png);
  background-size: 100% 100%;
}

code-form .trend-table .trend-row .cell.qz-num span.liu,
trend-form .trend-table .trend-row .cell.qz-num span.liu {
  color: #ca7b37;
  background: url(../../../assets/images/zuozhuang/liu.png);
  background-size: 100% 100%;
}

code-form .trend-table .trend-row .cell.qz-num span.bao,
trend-form .trend-table .trend-row .cell.qz-num span.bao {
  color: #ff6366;
  background: url(../../../assets/images/zuozhuang/bao.png);
  background-size: 100% 100%;
}

code-form .trend-table .trend-row .cell.profit span.red,
trend-form .trend-table .trend-row .cell.profit span.red {
  color: #f55656;
}

code-form .trend-table .trend-row .cell.profit span.green,
trend-form .trend-table .trend-row .cell.profit span.green {
  color: #41d65d;
}

code-form .trend-table .trend-row .cell.pc28-num .circle-ball,
trend-form .trend-table .trend-row .cell.pc28-num .circle-ball {
  color: #fff;
  background: #1d1c22;
  border-radius: 50%;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  text-align: center;
}

code-form .trend-table .trend-row .cell.bg-violet,
trend-form .trend-table .trend-row .cell.bg-violet {
  background: #c182ff;
}

code-form .trend-table .trend-row .cell.bg-green,
trend-form .trend-table .trend-row .cell.bg-green {
  background: #36c42b;
}

code-form .trend-table .trend-row .cell.bg-red,
trend-form .trend-table .trend-row .cell.bg-red {
  background: #ff322e;
}

code-form .trend-table .trend-row .cell.text-red,
trend-form .trend-table .trend-row .cell.text-red {
  color: #ff6666;
}

code-form .trend-table .trend-row .cell.text-orange,
trend-form .trend-table .trend-row .cell.text-orange {
  color: #ff7d00;
}

code-form .trend-table .trend-row .cell.text-violet,
trend-form .trend-table .trend-row .cell.text-violet {
  color: #c182ff;
}

code-form .trend-table .trend-row .cell.text-teal,
trend-form .trend-table .trend-row .cell.text-teal {
  color: #00bbcc;
}

code-form .trend-table .trend-row .cell.text-skyblue,
trend-form .trend-table .trend-row .cell.text-skyblue {
  color: #5cbbf2;
}

code-form .trend-table .trend-row .cell.text-blue,
trend-form .trend-table .trend-row .cell.text-blue {
  color: #9595ff;
}

code-form .trend-table .trend-row .cell.text-green,
trend-form .trend-table .trend-row .cell.text-green {
  color: #00d600;
}

code-form .trend-table .trend-row .cell.text-amber,
trend-form .trend-table .trend-row .cell.text-amber {
  color: #ffbf00;
}

code-form .trend-table .trend-row .cell.text-fuchsia,
trend-form .trend-table .trend-row .cell.text-fuchsia {
  color: #ff00ff;
}

code-form .trend-table .trend-row .cell.pk10-code-1,
trend-form .trend-table .trend-row .cell.pk10-code-1 {
  background: #fffe54;
  color: #333;
}

code-form .trend-table .trend-row .cell.pk10-code-2,
trend-form .trend-table .trend-row .cell.pk10-code-2 {
  background: #4089f7;
  color: #333;
}

code-form .trend-table .trend-row .cell.pk10-code-3,
trend-form .trend-table .trend-row .cell.pk10-code-3 {
  background: #4d4d4d;
  color: #fff;
}

code-form .trend-table .trend-row .cell.pk10-code-4,
trend-form .trend-table .trend-row .cell.pk10-code-4 {
  background: #eb7b30;
  color: #333;
}

code-form .trend-table .trend-row .cell.pk10-code-5,
trend-form .trend-table .trend-row .cell.pk10-code-5 {
  background: #a5fcfe;
  color: #333;
}

code-form .trend-table .trend-row .cell.pk10-code-6,
trend-form .trend-table .trend-row .cell.pk10-code-6 {
  background: #4b20f5;
  color: #fff;
}

code-form .trend-table .trend-row .cell.pk10-code-7,
trend-form .trend-table .trend-row .cell.pk10-code-7 {
  background: #b8b8b8;
  color: #333;
}

code-form .trend-table .trend-row .cell.pk10-code-8,
trend-form .trend-table .trend-row .cell.pk10-code-8 {
  background: #e73323;
  color: #fff;
}

code-form .trend-table .trend-row .cell.pk10-code-9,
trend-form .trend-table .trend-row .cell.pk10-code-9 {
  background: #6a110a;
  color: #fff;
}

code-form .trend-table .trend-row .cell.pk10-code-10,
trend-form .trend-table .trend-row .cell.pk10-code-10 {
  background: #61ba37;
  color: #333;
}

code-form .trend-table .trend-row .cell.circle,
trend-form .trend-table .trend-row .cell.circle {
  position: absolute;
  z-index: 1;
  color: #fff;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  padding: 0rem;
}

code-form .trend-table .trend-row .cell.strip,
trend-form .trend-table .trend-row .cell.strip {
  background: #d8d8d8;
}

code-form .trend-table .trend-row.statistics .trend-col.issue,
trend-form .trend-table .trend-row.statistics .trend-col.issue {
  color: #708cc6;
}

code-form .trend-table .trend-row.statistics .cell,
trend-form .trend-table .trend-row.statistics .cell {
  font-size: 1.4rem;
  font-weight: 500;
}

code-form .trend-table.trend-body,
trend-form .trend-table.trend-body {
  position: relative;
  background: var(--cp-color275);
  font-size: 1.2rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: var(--cp-color148);
}

code-form .trend-table.trend-body .trend-item,
trend-form .trend-table.trend-body .trend-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

code-form .trend-table.trend-body .trend-item.kl8-item,
trend-form .trend-table.trend-body .trend-item.kl8-item {
  height: 5rem;
}

code-form .trend-table.trend-body .trend-item.kl8-item .more-ul, code-form .trend-table.trend-body .trend-item.more-item .more-ul,
trend-form .trend-table.trend-body .trend-item.kl8-item .more-ul,
trend-form .trend-table.trend-body .trend-item.more-item .more-ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

code-form .trend-table.trend-body .trend-item.kl8-item .more-ul .trend-col, code-form .trend-table.trend-body .trend-item.more-item .more-ul .trend-col,
trend-form .trend-table.trend-body .trend-item.kl8-item .more-ul .trend-col,
trend-form .trend-table.trend-body .trend-item.more-item .more-ul .trend-col {
  width: 2rem;
  height: 2rem;
  display: block !important;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  margin-right: 8px;
  background: #f84948;
  line-height: 2rem;
  border-radius: 50%;
  text-align: center;
}

code-form .trend-table.trend-body .trend-item.kl8-item .more-ul .trend-col.blue, code-form .trend-table.trend-body .trend-item.more-item .more-ul .trend-col.blue,
trend-form .trend-table.trend-body .trend-item.kl8-item .more-ul .trend-col.blue,
trend-form .trend-table.trend-body .trend-item.more-item .more-ul .trend-col.blue {
  background: #5d86f7;
}

code-form .trend-table.trend-body .trend-item.kl8-item .more-ul .trend-col .cell, code-form .trend-table.trend-body .trend-item.more-item .more-ul .trend-col .cell,
trend-form .trend-table.trend-body .trend-item.kl8-item .more-ul .trend-col .cell,
trend-form .trend-table.trend-body .trend-item.more-item .more-ul .trend-col .cell {
  display: inline;
  line-height: normal;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
}

code-form .trend-table.trend-header .trend-row,
trend-form .trend-table.trend-header .trend-row {
  position: relative;
  background: var(--cp-color275);
  border-top: 1px solid var(--cp-color275);
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  color: white;
}

code-form .trend-table.trend-header .trend-row .trend-col,
trend-form .trend-table.trend-header .trend-row .trend-col {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 5rem;
  font-size: 1.2rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0;
  -ms-flex: 1 1 0px;
  flex: 1 1 0;
}

code-form .trend-table.trend-header .trend-row .trend-col.has-child,
trend-form .trend-table.trend-header .trend-row .trend-col.has-child {
  position: relative;
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

code-form .trend-table.trend-header .trend-row .trend-col.has-child .trend-row,
trend-form .trend-table.trend-header .trend-row .trend-col.has-child .trend-row {
  position: relative;
  border-top: 0px;
}

code-form .trend-table.trend-header .trend-row .trend-col.has-child .trend-row:last-child,
trend-form .trend-table.trend-header .trend-row .trend-col.has-child .trend-row:last-child {
  border-bottom: 0px;
}

code-form .canvas-trend,
trend-form .canvas-trend {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

code-form .code-from {
  height: calc(100%);
}

trend-form .trend-from {
  height: calc(100%);
}

larger-form .larger-wrapper {
  position: relative;
  height: 100%;
}

larger-form .larger-form {
  height: calc(100%);
}

larger-form .larger-form .larger-scroll,
larger-form .larger-form .issue-warpper,
larger-form .larger-form .issue-scorll,
larger-form .larger-form .trend-scroll {
  position: relative;
  height: 100%;
}

larger-form .larger-form .larger-scroll {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 9rem;
  -ms-flex: 0 0 9rem;
  flex: 0 0 9rem;
}

larger-form .larger-form .larger-form-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

larger-form .larger-form .issue-warpper {
  width: 9rem;
}

larger-form .larger-form .issue-warpper .issue-scorll {
  padding-right: 1rem;
  width: 10rem;
}

larger-form .larger-form .issue-warpper .issue {
  background: var(--cp-color275);
  border-bottom: 1px solid #45415b;
  color: white;
}

larger-form .larger-form .issue-warpper .issue:nth-child(even) {
  background: var(--cp-color275);
}

larger-form .larger-form .issue-warpper .issue.title {
  border-top: 1px solid #45415b;
}

larger-form .larger-form .issue-warpper .issue.title .cell {
  border-right: 1px solid #45415b;
  height: 4.8rem;
  line-height: 4.8rem;
}

larger-form .larger-form .issue-warpper .issue .cell {
  border-right: 1px solid #45415b;
  text-align: center;
  width: 9rem;
  height: 2.8rem;
  line-height: 2.8rem;
}

larger-form .larger-form-content .trend-table {
  font-size: 1.2rem;
  position: relative;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

larger-form .larger-form-content .trend-table .title-scroll {
  height: 6rem;
}

larger-form .larger-form-content .trend-table .trend-header,
larger-form .larger-form-content .trend-table .trend-body {
  position: relative;
  height: 100%;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 5rem;
  line-height: 5rem;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row:nth-child(even) {
  background: var(--cp-color275);
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: 1px solid #45415b;
  border-bottom: 1px solid #45415b;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child:not(:last-child) {
  border-right: 1px solid #45415b;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child .trend-child {
  height: 2.4rem;
  line-height: 2.4rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  color: var(--cp-color148);
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child .trend-child .child-wrap {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child .trend-child .child-wrap:not(:last-child) {
  border-right: 1px solid #45415b;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child .trend-child .child-wrap .cell {
  width: 6rem;
  text-align: center;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child .trend-child:last-child {
  border-top: 1px solid #45415b;
}

larger-form .larger-form-content .trend-table .trend-header .trend-row .trend-col.has-child .trend-child:first-child .child-wrap .cell {
  width: auto;
}

larger-form .larger-form-content .trend-table .trend-body-scroll {
  position: relative;
  height: 100%;
  margin-top: -1rem;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  height: 2.9rem;
  line-height: 2.9rem;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row:nth-child(even) {
  background: var(--cp-color275);
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  border-bottom: 1px solid #45415b;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col:not(:last-child) {
  border-right: 1px solid #45415b;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell {
  width: 100%;
  width: 6rem;
  text-align: center;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.bg-violet {
  background: #c182ff;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.bg-green {
  background: #36c42b;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.bg-red {
  background: #ff322e;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-red {
  color: #ff6666;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-orange {
  color: #ff7d00;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-violet {
  color: #c182ff;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-teal {
  color: #00bbcc;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-skyblue {
  color: #5cbbf2;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-blue {
  color: #9595ff;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-green {
  color: #00d600;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-amber {
  color: #ffbf00;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.text-fuchsia {
  color: #ff00ff;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.circle {
  color: #fff;
  width: 2rem;
  height: 2rem;
  line-height: 2rem;
  border-radius: 50%;
  padding: 0rem;
}

larger-form .larger-form-content .trend-table .trend-body .trend-row .trend-col .cell.strip {
  background: #d8d8d8;
}

trend-general-setting .setting {
  min-width: 28rem;
}

trend-general-setting .setting .title {
  font-size: 1.6rem;
  padding: 0.8rem 0rem;
  text-align: center;
  font-weight: 500;
  border-bottom: 1px solid #3e3e3e;
}

trend-general-setting .setting .modal-center {
  padding: 0rem 0.8rem;
  margin-bottom: 1rem;
}

trend-general-setting .setting .setting-group-item {
  padding: 0.6rem;
}

trend-general-setting .setting .setting-group-item h6 {
  margin: 0rem;
  padding: 1rem 0.4rem;
  font-size: 1.4rem;
}

trend-general-setting .setting .setting-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

trend-general-setting .setting .setting-list .btn-setting {
  background: #615b82;
  color: white;
  height: 3.2rem;
  font-size: 1.3rem;
  width: 48%;
  margin-bottom: 1rem;
}

trend-general-setting .setting .setting-list .btn-setting.checked {
  color: #fff;
  background: #da964a;
}

trend-general-setting .setting .modal-bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 4.6rem;
  line-height: 4.6rem;
}

trend-general-setting .setting .modal-bottom div {
  border-top: 1px solid #3e3e3e;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}

trend-general-setting .setting .modal-bottom div:first-child {
  font-size: 1.6rem;
  color: #a5a5c8;
  border-right: 1px solid #3e3e3e;
}

trend-general-setting .setting .modal-bottom div:last-child {
  color: #e4a24c;
  font-weight: bold;
}

mainpage-page {
  background-color: #fff;
}

mainpage-page > ion-content > .scroll-content {
  overflow: hidden;
}

mainpage-page ion-tabs .tab-button {
  font-size: 1.6rem;
  padding: 3px 2px !important;
}

mainpage-page ion-tabs .tab-button .tab-button-icon {
  height: 2.4rem;
  min-width: 24px;
}

mainpage-page ion-tabs .tab-button .tab-button-text {
  color: #ffffff;
  font-size: 1.4rem;
  text-decoration: none;
  -webkit-transform: scale(0.9);
  transform: scale(0.9);
  letter-spacing: 1px;
}

mainpage-page ion-tabs .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-6-outline {
  font-size: 2rem !important;
}

mainpage-page .tabs-ios .tabbar {
  background: var(--cp-color6);
  border-top: 1px solid #2f2c3b;
  -webkit-box-shadow: 0px -2px 8px rgba(47, 44, 59, 0.1);
  box-shadow: 0px -2px 8px rgba(47, 44, 59, 0.1);
}

mainpage-page .tabs- .tab-button .ion-ios-1-outline:before,
mainpage-page .tabs- .tab-button .ion-ios-2-outline:before,
mainpage-page .tabs- .tab-button .ion-ios-3-outline:before,
mainpage-page .tabs- .tab-button .ion-ios-4-outline:before,
mainpage-page .tabs- .tab-button .ion-ios-5-outline:before {
  content: none;
}

mainpage-page .tabs- .tab-button .ion-ios-1:before,
mainpage-page .tabs- .tab-button .ion-ios-3:before,
mainpage-page .tabs- .tab-button .ion-ios-4:before,
mainpage-page .tabs- .tab-button .ion-ios-5:before,
mainpage-page .tabs- .tab-button .ion-ios-2:before {
  content: none;
}

mainpage-page .tabs- .tab-button .bgoption {
  background-size: 3rem;
  background-repeat: no-repeat;
  background-position: center top;
}

mainpage-page .tabs- .tab-button .img-option, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-1-outline, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-1, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-2-outline, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-2, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-3-outline, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-3, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-4-outline, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-4, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-5-outline, mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-5 {
  background: url("../assets/images/sprice.png") no-repeat;
  background-size: 172px 60px;
  width: 29px;
  height: 26px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-1-outline {
  background-position: 0 -1px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-1 {
  background-position: 0 -32px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-2-outline {
  background-position: -36px -1px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-2 {
  background-position: -36px -32px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-3-outline {
  background-position: -70px 0;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-3 {
  background-position: -70px -31px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-4-outline {
  width: 35px;
  height: 29px;
  background-position: -106px 0px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-4 {
  width: 35px;
  height: 29px;
  background-position: -106px -31px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-5-outline {
  background-position: -143px -1px;
}

mainpage-page .tabs- .tab-button ion-icon.tab-button-icon.icon.icon-ios.ion-ios-5 {
  background-position: -143px -32px;
}

mainpage-page .tabs- .tab-button .unread {
  position: relative;
}

mainpage-page .tabs- .tab-button .unread:after {
  position: absolute;
  right: -2px;
  top: -3px;
  width: 8px;
  height: 8px;
  content: "";
  background: red;
  border-radius: 50%;
}

mainpage-page .tabs- .has-icon .tab-badge {
  right: calc(50% - 24px) !important;
}

mainpage-page .tabs-ios .tab-button[aria-selected="true"] .tab-button-text {
  color: #fce08e;
}

.hide-iframe {
  top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.show-iframe {
  top: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.iframe {
  position: fixed;
  height: 100%;
  width: 100%;
}

.app-collect {
  position: absolute;
  padding: 0 1rem;
  bottom: 0rem;
  z-index: 20000;
}

.app-collect .bottom-prompt {
  position: relative;
}

.app-collect .bottom-prompt img {
  display: block;
}

.app-collect .bottom-prompt .close {
  position: absolute;
  color: #fff;
  right: 1.6rem;
  top: 0.8rem;
  font-size: 2.2rem;
}

page-maintain ion-header {
  height: 4.8rem;
  padding: 0 1.2rem;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

page-maintain ion-header .m-header {
  height: 100%;
}

page-maintain ion-header .m-header .logo {
  height: 4rem;
}

page-maintain ion-header .m-header .logo img {
  height: 100%;
}

page-maintain ion-header .m-header .btn-service {
  background: #f65252;
  height: 3rem;
  padding: 0 1rem;
  border-radius: .4rem;
}

page-maintain ion-header .m-header .btn-service img {
  width: 2rem;
  margin-right: .6rem;
}

page-maintain ion-header .m-header .btn-service span {
  color: #fff;
}

page-maintain ion-content .scroll-content {
  background: url(./../../assets/images/url-collect/mobile_bg.jpg);
  background-size: 100% 100%;
}

page-maintain ion-content .tit {
  width: 100%;
  height: 4.6rem;
  border-radius: 2rem;
  background: #fffac4;
  margin: 1rem 0;
}

page-maintain ion-content .tit img {
  width: 3rem;
}

page-maintain ion-content .tit span {
  margin-left: 1rem;
  color: #f94b4d;
  font-size: 1.6rem;
  font-weight: bold;
}

page-maintain ion-content .more-content {
  padding: 2rem;
  background: #fff;
  margin-bottom: 2rem;
  border-radius: .4rem;
  min-height: calc(100% - 12rem);
  position: relative;
  padding-bottom: 11rem;
  margin-top: 1.6rem;
}

page-maintain ion-content .more-content h4 {
  font-size: 1.8rem;
  color: #333;
  font-weight: bold;
}

page-maintain ion-content .more-content p {
  color: #333;
  display: block;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

page-maintain ion-content .more-content p.text {
  text-indent: 2.8rem;
}

page-my-return .content.content-ios {
  background: var(--cp-color156);
}

page-my-return .tit {
  color: #e7bc37;
  font-size: 1.4rem;
  padding: 1.6rem 0 0rem 1rem;
}

page-my-return .return-box {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

page-my-return .return-box .name {
  margin: 0 1rem 0 0.4rem;
}

page-my-return .return-item {
  height: 4.4rem;
  width: 50%;
  color: #ffff;
  font-size: 1.3rem;
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  padding-left: 1rem;
}

page-my-return .return-item.full-item {
  width: 100%;
}

page-my-return .return-item img {
  width: 2rem;
}

page-my-return .return-item .name {
  color: var(--cp-color148);
}

page-my-return .return-item.right-item {
  padding-left: 4rem;
}

page-my-return .return-item .data-text {
  color: #00f0ff;
}

page-my-return .return-item .return-text {
  color: #ff823e;
}

page-my-return .return-item .return-text {
  color: #f27734;
}

page-my-return .return-item .red {
  color: #fe4548;
  font-weight: bold;
}

page-my-return .return-item .loss {
  color: #ffe208;
}

page-my-return .platform-nav {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1;
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  white-space: nowrap;
  background: #1d1c22;
}

page-my-return .platform-nav::-webkit-scrollbar {
  height: 0;
}

page-my-return .platform-nav .nav-item {
  padding: 0.8rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
}

page-my-return .platform-nav .nav-item.active:after {
  content: "";
  position: absolute;
  bottom: -0.1rem;
  height: 0.3rem;
  left: 0.4rem;
  right: 0.4rem;
  border-radius: 1px;
  background: #ddc57f;
}

page-my-return .total-table {
  background: #1d1c22;
  padding-top: 1rem;
}

page-my-return .total-table .tle {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.4rem;
  padding: 0 0 0.6rem 1rem;
}

page-my-return .total-table .return-table .col {
  color: var(--cp-color148);
  font-size: 1.3rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-my-return .total-table .return-table .table-header {
  height: 3.6rem;
  background: #111014;
}

page-my-return .total-table .return-table .table-row {
  height: 4.2rem;
  background: #24222c;
}

page-my-return .total-table .return-table .table-row:nth-child(2n) {
  background: #27242f;
}

page-my-return .total-table .return-table .table-row .col {
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  border-right: 1px solid rgba(213, 205, 237, 0.1);
}

page-my-return .total-table .return-table .table-row .col:last-of-type {
  border-right: 0;
}

page-my-return .total-table .return-table .table-row .level {
  color: #daa967;
}

page-my-return .total-table .return-table .table-row .rate {
  color: #ff864b;
}

/* 返水不规则区域 */
.rewards-statistics > div {
  padding: 1.4rem 0;
  border-radius: 0.8rem;
  height: 8rem;
}

.rewards-statistics > div span {
  color: var(--cp-color148);
  font-size: 1.4rem;
}

.rewards-statistics > div span.rate {
  color: #ffd800;
}

.rewards-statistics .rewards-left {
  background: -webkit-gradient(linear, left top, left bottom, from(#2f2c3b), to(#1f1d29));
  background: linear-gradient(to bottom, #2f2c3b, #1f1d29);
  width: 27rem;
  padding: 0;
  height: 8rem;
  margin: 0 auto;
}

.rewards-statistics .rewards-left > div {
  float: left;
}

.rewards-statistics .rewards-left .triangle-box {
  position: relative;
  width: 14.6rem;
  background: #1a1821;
  height: 100%;
  padding: 1.4rem 0;
  border-top-left-radius: 0.8rem;
  border-bottom-left-radius: 0.8rem;
}

.rewards-statistics .rewards-left .triangle-box::after {
  content: "";
  border-left: 1.6rem solid #1a1821;
  border-top: 4rem dashed transparent;
  border-bottom: 4rem dashed transparent;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
}

.rewards-statistics .rewards-left .rate-box {
  width: 12.4rem;
  height: 100%;
  padding: 1.4rem 0;
}

.rewards-statistics .rewards-box {
  width: 13rem;
  height: 8rem;
  margin-top: 2rem;
  border-radius: 0.8rem;
  background: #1a1821;
}

.rewards-statistics .rewards-box:first-of-type {
  margin-right: 1rem;
}

.rewards-statistics .rewards-tip {
  background: #1a1821;
  padding: 0.8rem 1rem;
  color: var(--cp-color148);
  height: auto;
  width: 27rem;
  margin: 2rem auto 0;
}

.rewards-statistics .rewards-tip img {
  width: 2.2rem;
}

.rewards-statistics .num {
  color: #ff864b;
}

.rewards-statistics .white {
  color: #fff;
}

.rewards-statistics .text {
  margin-bottom: 0.4rem;
}

page-my-rewards {
  /* 返水不规则区域 */
}

page-my-rewards button,
page-my-rewards .button-ios {
  font-size: 1.2rem;
}

page-my-rewards .top-section {
  height: 10.4rem;
}

page-my-rewards .column-nav {
  height: calc(100% - 10.4rem);
}

page-my-rewards .column-nav .column-main {
  height: 100%;
  overflow-y: auto;
}

page-my-rewards ion-card.top-section {
  position: relative;
  margin: 1rem 0;
  width: 100%;
  background: var(--cp-color275);
  padding: 1rem 0.8rem;
  border-radius: 0.4rem;
}

page-my-rewards ion-card.top-section p {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.8rem;
  margin: 0;
  white-space: nowrap;
}

page-my-rewards ion-card.top-section p .num {
  color: #ffe404;
}

page-my-rewards ion-card.top-section p .desc {
  color: #6f88bc;
}

page-my-rewards ion-card.top-section button {
  color: #fff;
  background: #24ab3b;
  width: 7rem;
  height: 2.8rem;
  font-size: 1.2rem;
  margin: 0;
}

page-my-rewards .column-nav {
  overflow: hidden;
  padding-right: 1rem;
}

page-my-rewards .column-nav .nav-area {
  padding: 0 1rem 0 0;
  float: left;
  width: 8.4rem;
}

page-my-rewards .column-nav .nav-area button {
  width: 7.4rem;
  height: 2.9rem;
  margin: 0 0 1.15rem;
  background: var(--cp-color275);
  white-space: nowrap;
}

page-my-rewards .column-nav .nav-area button.active {
  background: -webkit-gradient(linear, left bottom, left top, from(#c16832), to(#e6ac57));
  background: linear-gradient(to top, #c16832, #e6ac57);
}

page-my-rewards .column-nav .nav-area button.platform-btn {
  height: 4.8rem;
}

page-my-rewards .column-nav .nav-area .get-btn {
  background: #ca3ca8;
  color: #fff;
}

page-my-rewards .column-nav .nav-area .record-btn {
  background: #4f4668;
  color: #fff;
}

page-my-rewards .column-nav .column-main {
  float: left;
  width: calc(100% - 8.4rem);
  background: var(--cp-color275);
  border-radius: .4rem;
}

page-my-rewards .column-nav .column-main .nouser,
page-my-rewards .column-nav .column-main .data-empty {
  height: auto;
}

page-my-rewards .total-table {
  background: #1d1c22;
}

page-my-rewards .total-table .tle {
  color: #fff;
  font-size: 1.2rem;
  line-height: 2.4rem;
  padding: 0 0 .6rem 1rem;
}

page-my-rewards .total-table .return-table .col {
  color: var(--cp-color148);
  font-size: 1.2rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-my-rewards .total-table .return-table .table-header {
  height: 3.6rem;
  background: #111014;
}

page-my-rewards .total-table .return-table .table-row {
  height: 4.2rem;
  background: #24222c;
}

page-my-rewards .total-table .return-table .table-row:nth-child(2n) {
  background: #27242f;
}

page-my-rewards .total-table .return-table .table-row .col {
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  border-right: 1px solid rgba(213, 205, 237, 0.1);
}

page-my-rewards .total-table .return-table .table-row .col:last-of-type {
  border-right: 0;
}

page-my-rewards .total-table .return-table .table-row .level {
  color: #daa967;
}

page-my-rewards .total-table .return-table .table-row .rate {
  color: #ff864b;
}

page-my-rewards .rewards-statistics > div {
  padding: 1.4rem 0;
  border-radius: .8rem;
  height: 8rem;
}

page-my-rewards .rewards-statistics > div span {
  color: var(--cp-color148);
  font-size: 1.4rem;
}

page-my-rewards .rewards-statistics > div span.rate {
  color: #ffd800;
}

page-my-rewards .rewards-statistics .rewards-left {
  background: -webkit-gradient(linear, left top, left bottom, from(#2f2c3b), to(#1f1d29));
  background: linear-gradient(to bottom, #2f2c3b, #1f1d29);
  width: 27rem;
  padding: 0;
  height: 8rem;
  margin: 0 auto 1rem;
}

page-my-rewards .rewards-statistics .rewards-left > div {
  float: left;
}

page-my-rewards .rewards-statistics .rewards-left .triangle-box {
  position: relative;
  width: 14.6rem;
  background: #1a1821;
  height: 100%;
  padding: 1.4rem 0;
  border-top-left-radius: .8rem;
  border-bottom-left-radius: .8rem;
}

page-my-rewards .rewards-statistics .rewards-left .triangle-box::after {
  content: '';
  border-left: 1.6rem solid #1a1821;
  border-top: 4rem dashed transparent;
  border-bottom: 4rem dashed transparent;
  position: absolute;
  left: 100%;
  top: 0;
  bottom: 0;
}

page-my-rewards .rewards-statistics .rewards-left .rate-box {
  width: 12.4rem;
  height: 100%;
  padding: 1.4rem 0;
}

page-my-rewards .rewards-statistics .num {
  color: #ff864b;
}

page-my-rewards .rewards-statistics .white {
  color: #fff;
}

page-my-rewards .rewards-statistics .text {
  margin-bottom: .4rem;
}

page-notice-page .tips img {
  width: 3.5rem;
}

page-notice-page .account-view .scroll-content {
  overflow: scroll;
  padding: 1.2rem 1.2rem 1.6rem;
}

page-notice-page .account-view .scroll-content .item-warp {
  font-size: 1.2rem;
  color: #fff;
  background: #1e1110;
  width: 100%;
  min-height: 10rem;
  border-radius: 1.5rem;
  padding: 1.5rem 1.8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 0.9rem;
}

page-notice-page .account-view .scroll-content .item-warp .item-left {
  width: 80%;
}

page-notice-page .account-view .scroll-content .no-read {
  border: 0.1rem solid #f5e8c4;
  background: transparent -webkit-gradient(linear, left top, right top, from(#674837), to(#472f22)) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(90deg, #674837, #472f22) 0 0 no-repeat padding-box;
}

page-notice-page .account-view .scroll-content .no-read .item-left .item-title {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.65rem;
  height: 1.65rem;
  color: #f5e8c4;
  font-weight: bold;
}

page-notice-page .account-view .scroll-content .no-read .item-left .item-title strong {
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #fc0505;
  border-radius: 50%;
  margin-right: 0.65rem;
}

page-notice-page .account-view .scroll-content .no-read .item-left .item-content {
  width: 100%;
  margin-top: 0.6rem;
  color: #c4c3c2;
  font-size: 1.4rem;
  line-height: 1.3rem;
  height: 2.6rem;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}

page-notice-page .account-view .scroll-content .no-read .item-left .item-time {
  width: 100%;
  margin-top: 0.6rem;
  font-size: 1.1rem;
  line-height: 1.15rem;
  color: #fff;
}

page-notice-page .account-view .scroll-content .no-read .item-right {
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-page .account-view .scroll-content .no-read .item-right .arrow {
  display: block;
  width: 1rem;
  height: 1.75rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(./../../assets/images/me/right-arrow.svg);
}

page-notice-page .account-view .scroll-content .is-read {
  background: transparent -webkit-gradient(linear, left top, right top, from(#3b2d2d), to(#291717)) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(90deg, #3b2d2d, #291717) 0 0 no-repeat padding-box;
  border: 0.1rem solid #674837;
}

page-notice-page .account-view .scroll-content .is-read .item-left .item-title {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  line-height: 1.65rem;
  height: 1.65rem;
  color: #f5e8c4;
  font-weight: bold;
}

page-notice-page .account-view .scroll-content .is-read .item-left .item-title strong {
  display: block;
  width: 1rem;
  height: 1rem;
  background-color: #fc0505;
  border-radius: 50%;
  margin-right: 0.65rem;
}

page-notice-page .account-view .scroll-content .is-read .item-left .item-content {
  width: 90%;
  padding-right: 1.6rem;
  margin-top: 0.6rem;
  color: #c4c3c2;
  font-size: 1.4rem;
  line-height: 1.3rem;
  height: 2.6rem;
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

page-notice-page .account-view .scroll-content .is-read .item-left .item-time {
  width: 100%;
  margin-top: 0.6rem;
  font-size: 1.1rem;
  line-height: 1.15rem;
  color: #fff;
}

page-notice-page .account-view .scroll-content .is-read .item-right {
  min-height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

page-notice-page .account-view .scroll-content .is-read .item-right .arrow {
  display: block;
  width: 1rem;
  height: 1.75rem;
  background-repeat: no-repeat;
  background-size: 100%;
  background-image: url(./../../assets/images/me/right-arrow.svg);
}

page-notice-page .account-view .empty {
  background: none;
  border: none;
}

page-notice-page .alert-box {
  position: fixed;
  width: 20rem;
  height: 10rem;
  border: 1px solid red;
  left: 50%;
  right: 50%;
  top: 40%;
}

page-notice-page .empty {
  padding: 10rem;
  text-align: center;
  color: #999;
}

page-notice-page .empty img {
  display: block;
}

page-notice-detail-page .tips img {
  width: 3.5rem;
}

page-notice-detail-page .account-view .scroll-content {
  padding: 1.2rem 1.2rem 1.6rem;
  overflow: scroll;
}

page-notice-detail-page .account-view .scroll-content .mask {
  font-size: 1.2rem;
  color: #fff;
}

page-notice-detail-page .account-view .scroll-content .mask .message-detail {
  width: 100%;
  height: 100%;
}

page-notice-detail-page .account-view .scroll-content .mask .message-detail .msg-content {
  width: 100%;
  background: transparent -webkit-gradient(linear, left top, right top, from(#3b2d2d), to(#291717)) 0 0 no-repeat padding-box;
  background: transparent linear-gradient(90deg, #3b2d2d, #291717) 0 0 no-repeat padding-box;
  border: 0.1rem solid #f5e8c4;
  border-radius: 1.5rem;
  padding: 2.01rem 1.65rem 3rem;
}

page-notice-detail-page .account-view .scroll-content .mask .message-detail .msg-content .msg-title-wrap {
  color: #f5e8c4;
  font-weight: bold;
  border-bottom: 1px solid #707070;
  padding-bottom: 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
}

page-notice-detail-page .account-view .scroll-content .mask .message-detail .msg-content .msg-info {
  word-break: break-word;
  margin-top: 1.6rem;
  letter-spacing: 0;
  color: #fff;
  text-align: justify;
  font-size: 1.4rem;
  font-weight: bold;
}

page-notice-detail-page .account-view .scroll-content .mask .message-detail .msg-content .msg-sendName {
  margin-top: 1.6rem;
  color: #f5e8c4;
}

page-notice-detail-page .account-view .scroll-content .mask .message-detail .msg-content .msg-time {
  margin-top: 1rem;
  color: #fff;
  font-size: 1rem;
}

page-notice-detail-page .empty {
  padding: 10rem;
  text-align: center;
  color: #999;
}

page-notice-detail-page .empty img {
  display: block;
}

page-person-report .container {
  height: 100%;
}

page-person-report .platform-nav {
  height: 3.7rem;
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
  white-space: nowrap;
  background: #1d1c22;
}

page-person-report .platform-nav::-webkit-scrollbar {
  height: 0;
}

page-person-report .platform-nav .nav-item {
  padding: .8rem 1rem;
  color: #fff;
  font-size: 1.4rem;
  position: relative;
  display: inline-block;
}

page-person-report .platform-nav .nav-item.active:after {
  content: '';
  position: absolute;
  bottom: -.1rem;
  height: .3rem;
  left: .4rem;
  right: .4rem;
  border-radius: 1px;
  background: #ddc57f;
}

page-person-report .person-main {
  height: calc(100% - 3.7rem);
  overflow-y: auto;
}

page-platformnotice .content .article-list .article-item {
  margin-left: 2.5%;
  border-radius: 5px;
  margin-bottom: 1rem;
  width: 95%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1rem 1rem;
  background: var(--cp-color23);
}

page-platformnotice .content .article-list .article-item .icon-t {
  width: 2rem;
}

page-platformnotice .content .article-list .article-item .acticle-box {
  padding: 0rem 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 95%;
}

page-platformnotice .content .article-list .article-item .acticle-box .top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: self-start;
  -webkit-align-items: self-start;
  -ms-flex-align: self-start;
  align-items: self-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

page-platformnotice .content .article-list .article-item .acticle-box .top .title {
  font-size: 1.6rem;
  color: var(--cp-color25);
}

page-platformnotice .content .article-list .article-item .acticle-box .top .pub-time {
  color: #7b788a;
  font-size: 1.2rem;
  padding-top: 0.3rem;
}

page-platformnotice .content .article-list .article-item .acticle-box .article-content {
  color: #bbb;
  font-size: 1.3rem;
  height: 2.4rem;
  padding: 0.4rem 0rem;
  overflow: hidden;
}

page-platformnotice .content .empty {
  text-align: center;
  padding: 10rem 0rem;
}

page-platformnotice .content .empty img {
  width: 50%;
}

page-platformnotice .content .empty > div:last-child {
  color: #ccc;
  padding: 1rem 0rem;
}

platform-notice-detail .content-ios .scroll-content {
  padding: 1rem;
}

platform-notice-detail .article {
  padding: 2rem 0rem;
  color: var(--cp-color148);
}

platform-notice-detail .article .article-header .title,
platform-notice-detail .article .article-header .time {
  padding: 0.2rem 0rem;
}

platform-notice-detail .article .article-header .title {
  font-size: 1.6rem;
  font-weight: 600;
}

platform-notice-detail .article .article-header .time {
  font-size: 1.2rem;
  color: #7b788a;
}

platform-notice-detail .article .article-content p {
  white-space: unset !important;
  color: var(--cp-color263) !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

platform-notice-detail .article .article-content p span {
  white-space: unset !important;
  display: inline;
  color: var(--cp-color263) !important;
  -webkit-user-select: auto !important;
  -moz-user-select: auto !important;
  -ms-user-select: auto !important;
  user-select: auto !important;
}

page-promotion *[padding] {
  padding: 1rem !important;
}

page-promotion .scroll-content .top-section {
  height: 13.2rem;
}

page-promotion .scroll-content .column-nav {
  height: calc(100% - 13.2rem);
}

page-promotion .scroll-content .column-nav .column-main {
  height: 100%;
  overflow-y: auto;
}

page-promotion button,
page-promotion .button-ios {
  font-size: 1.2rem;
}

page-promotion ion-card.top-section {
  position: relative;
  margin: 0;
  width: 100%;
  background: transparent;
}

page-promotion ion-card.top-section p {
  color: #fff;
  font-size: 1.4rem;
  line-height: 2.8rem;
  margin: 0 2rem 0 0;
}

page-promotion ion-card.top-section p .num {
  color: #ffe404;
}

page-promotion ion-card.top-section p .desc {
  color: #6f88bc;
}

page-promotion ion-card.top-section button {
  color: #fff;
  background: #24ab3b;
  width: 7rem;
  height: 2.8rem;
  font-size: 1.2rem;
  margin: 0;
}

page-promotion .column-nav {
  overflow: hidden;
  padding-right: 1rem;
}

page-promotion .column-nav .nav-area {
  padding: 0 1rem;
  float: left;
  width: 8.4rem;
}

page-promotion .column-nav .nav-area button {
  width: 6.4rem;
  height: 2.9rem;
  margin: 0 0 1.15rem;
  background: var(--cp-color275);
  white-space: nowrap;
}

page-promotion .column-nav .nav-area button.active {
  background: -webkit-gradient(linear, left bottom, left top, from(#c16832), to(#e6ac57));
  background: linear-gradient(to top, #c16832, #e6ac57);
}

page-promotion .column-nav .nav-area .get-btn {
  background: #ca3ca8;
  color: #fff;
}

page-promotion .column-nav .nav-area .record-btn {
  background: #4f4668;
  color: #fff;
}

page-promotion .column-nav .column-main {
  float: left;
  width: calc(100% - 8.4rem);
  background: var(--cp-color275);
  border-radius: .4rem;
}

page-promotion .column-nav .column-main .nouser, page-promotion .column-nav .column-main .data-empty {
  height: auto;
}

page-register .content {
  position: relative;
}

page-register .content .scroll-content {
  background: url(../assets/images/login/login-bg.jpg) no-repeat center;
  background-size: cover;
}

page-register .content .logo-box {
  padding: 6rem 0rem 3.6rem 0rem;
  text-align: center;
}

page-register .content .logo-box .logo {
  height: 2.4rem;
}

page-register .content .logo-box .partner {
  height: 3.6rem;
}

page-register .content .logo-box .certification {
  position: relative;
  color: #fff;
  font-size: 1.2rem;
  padding: 2rem 0rem;
}

page-register .content .logo-box .certification::before, page-register .content .logo-box .certification::after {
  display: block;
  position: absolute;
  top: 50%;
  content: " ";
  height: 1px;
  width: 30%;
  background: #746a63;
  opacity: 0.4;
}

page-register .content .logo-box .certification::before {
  right: 50%;
  -webkit-transform: translateX(-40px);
  transform: translateX(-40px);
}

page-register .content .logo-box .certification::after {
  left: 50%;
  -webkit-transform: translateX(40px);
  transform: translateX(40px);
}

page-register .content .form {
  position: relative;
  width: 88%;
  margin: 0 auto;
}

page-register .content .form .item {
  height: 4rem;
  margin: 0 auto 1.4rem;
  padding: 0 !important;
  border: none;
  border-radius: 4rem;
  overflow: hidden;
}

page-register .content .form .item .item-inner {
  border-bottom: none;
  padding: 0;
}

page-register .content .form .item .icon-img {
  height: 4rem;
  margin-right: 0.8rem;
  padding: 0 0.2rem 0 1rem;
}

page-register .content .form .item .icon-img .user-img {
  display: block;
  width: 2.4rem;
  opacity: 0.6;
  margin: 0.8rem 0;
}

page-register .content .form .item input {
  font-family: DINAlternate;
  width: 100%;
  height: 4rem;
  line-height: 4rem;
  font-size: 1.4rem;
  border: none;
  padding: 0 !important;
  margin: 0 !important;
  background: transparent;
  color: #383b43;
}

page-register .content .form .item input .text-input {
  color: #999999;
}

page-register .content .form .item-ios {
  padding: 0;
  -webkit-box-shadow: inset 0 1px 15px 0 #fff;
  box-shadow: inset 0 1px 15px 0 #fff;
  background-color: rgba(255, 255, 255, 0.5);
}

page-register .content .form .btn-verify {
  border-radius: 4rem;
  background: #fff;
  color: #666;
  margin: auto;
  font-size: 1.4rem;
}

page-register .content .form .btn-verify .icon {
  display: none;
}

page-register .content .form .btn-verify.success[disabled] {
  background: #edfff5;
  border: 1px solid #c8efd7;
  opacity: 1;
}

page-register .content .form .btn-verify.success[disabled] .icon {
  display: inline-block;
  color: #23c56d;
  margin: 0 0.6rem 0 0;
}

page-register .content .form .regist-btn {
  margin: 1.8rem auto;
  display: block;
  color: #fff;
  background-color: #d8a871;
  -webkit-box-shadow: 0 4px 6px 4px rgba(219, 198, 177, 0.24);
  box-shadow: 0 4px 6px 4px rgba(219, 198, 177, 0.24);
  border-radius: 50px;
}

page-register .content .form .regist-btn .button-inner {
  font-size: 1.6rem;
}

page-register .content .form .tips-box {
  margin: 1rem auto;
  overflow: hidden;
}

page-register .content .form .tips-box .tips {
  float: left;
  font-size: 1.4rem;
  color: #fff;
  text-align: center;
}

page-register .content .form .tips-box .tips span {
  color: #f3bc39;
  font-size: 1.4rem;
}

page-register .content .form .tips-box a {
  float: right;
  color: #fff;
  text-decoration: none;
}

page-register .content .error-info {
  position: relative;
  color: #ff8090;
  padding-left: 0.6rem;
  margin-bottom: 0.6rem;
  margin-top: -1rem;
}

page-register .content .btn-eye {
  color: #fff;
  margin: 0rem;
  padding: 0rem;
  font-size: 2.4rem;
  margin-right: 16px;
}

page-register .content .button-clear-ios:hover:not(.disable-hover) {
  color: #ccc;
}

page-register .content .btn_group {
  text-align: center;
  margin: 2.6rem 0 0 0;
}

page-register .content .btn_group span {
  color: #fff;
  height: 2.8rem;
  line-height: 2.8rem;
}

page-register .content .btn_group .btn-line {
  height: 2.8rem;
  line-height: 2.8rem;
  color: #fff;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
}

page-register .content .btn_group .btn-line .label-ios {
  margin: 0 0.6rem 0 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-register .content .btn_group .btn-line .label-ios img {
  height: 2.2rem;
  margin: auto;
}

page-reward-records .scroll-content {
  background: var(--cp-color275) !important;
}

page-reward-records .t-h {
  height: 3.8rem;
  background: var(--cp-color151);
  padding-left: 1rem;
}

page-reward-records .t-h .left {
  display: inline-block;
  width: 14rem;
  text-align: center;
  color: #fff;
}

page-reward-records .t-h div {
  padding: 0 4rem;
  color: #fff;
  font-size: 1.4rem;
}

page-reward-records .filter-select-box {
  width: 100%;
}

page-reward-records .filter-select-box .filter-select {
  font-size: 1.4rem;
  padding: 1rem .6rem 0;
  line-height: normal;
  border-bottom: 0;
}

page-reward-records .filter-select-box .filter-select .sort-select {
  color: var(--cp-color143);
  padding: 0.4rem 0.8rem;
  border: 1px solid #37314b;
  margin-right: 2rem;
}

page-reward-records .filter-select-box .filter-select .sort-select .sort-text {
  display: block;
  width: 6rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

page-reward-records .return-table .record-item {
  font-size: 1.2rem;
  padding: 1rem;
  border-bottom: 1px solid rgba(213, 205, 237, 0.1);
}

page-reward-records .return-table .record-item .left {
  color: var(--cp-color274);
  display: inline-block;
  width: 14rem;
  text-align: center;
}

page-reward-records .return-table .record-item .right-cont {
  color: var(--cp-color148);
}

page-reward-records .return-table .record-item .right-cont span {
  display: inline-block;
  height: 2rem;
  line-height: 2rem;
  width: 14rem;
  text-align: center;
}

page-reward-records .return-table .record-item .right-cont .return-text {
  color: #ff823e;
}

page-reward-records .return-table .record-item .right-cont .back-text {
  color: #00f0ff;
}

reward-report ion-item {
  width: 100%;
}

reward-report ion-item .item-inner {
  width: 100%;
}

reward-report ion-item .item-inner .input-wrapper {
  width: 100%;
}

reward-report ion-item .item-inner .input-wrapper ion-label {
  width: 30% !important;
}

reward-report ion-item .item-inner .input-wrapper ion-datetime,
reward-report ion-item .item-inner .input-wrapper ion-select,
reward-report ion-item .item-inner .input-wrapper ion-input {
  width: 68% !important;
}

page-security-question .content.content-ios {
  background-color: var(--cp-color275);
}

page-security-question .tip {
  color: #e5b781;
  font-size: 1.4rem;
  font-weight: 500;
  margin: 1rem auto 2.5rem auto;
  text-align: center;
}

page-security-question ion-item.item.item-block.item-ios {
  background: transparent;
  color: #d5d0ea;
  font-weight: 500;
  font-size: 1.4rem;
  margin-bottom: 1.2rem;
}

page-security-question ion-item.item.item-block.item-ios ion-label {
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  width: 20%;
  text-align: right;
}

page-security-question .item-ios.item-block .item-inner {
  border: none !important;
}

page-security-question ion-select {
  max-width: 100%;
  width: 76%;
  background-color: #131316;
}

page-security-question ion-input {
  width: 76%;
  -webkit-box-flex: 0;
  -webkit-flex: none;
  -ms-flex: none;
  flex: none;
  background: #131316;
}

page-security-question .text-input-ios::-webkit-input-placeholder {
  color: #cacaca;
}

page-security-question .text-input-ios::-moz-placeholder {
  color: #cacaca;
}

page-security-question .text-input-ios::-ms-input-placeholder {
  color: #cacaca;
}

page-security-question .text-input-ios::placeholder {
  color: #cacaca;
}

page-security-question .form-title {
  margin: 2.4rem auto;
}

page-security-question .form-group {
  position: relative;
  margin-bottom: 2.4rem;
}

page-security-question .form-label {
  display: inline-block;
  margin-bottom: 0.4rem;
  display: none;
}

page-security-question .form-control {
  display: block;
  width: 100%;
  font-weight: 400;
  line-height: 1.5;
  border-radius: 0.4rem;
  border: 1px solid transparent;
  background-color: transparent;
  border-bottom: 1px solid #37314b;
}

page-security-question .form .button {
  border-radius: 0.4rem;
  background-color: #e6ad56;
  background-image: -webkit-gradient(linear, left top, right top, from(#e6ad56), to(#c16732));
  background-image: linear-gradient(to right, #e6ad56, #c16732);
}

speed .speed-loading {
  position: fixed;
  bottom: 0rem;
  left: 0rem;
  right: 0rem;
  top: 0rem;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}

speed .speed-loading .spinner {
  position: relative;
  top: 36%;
}

speed .speed-loading .spinner line {
  stroke: #fff;
}

speed .speed-lines .scroll-content {
  background: url(../assets/images/bg-speed.png) no-repeat;
  background-size: 140% 100%;
  padding-top: env(safe-area-inset-top) !important;
  padding-bottom: env(safe-area-inset-bottom) !important;
}

speed .speed-lines .header {
  background: #fff;
  overflow: hidden;
  padding: 0 1.6rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

speed .speed-lines .header .header-logo {
  height: 2.4rem;
}

speed .speed-lines .header .btn-close {
  float: left;
  padding: 1.2rem 0;
  font-weight: 500;
  color: #d8a871;
}

speed .speed-lines .header .header-right {
  float: right;
  margin: 1.2rem 0;
}

speed .speed-lines .header .header-right img {
  float: left;
  height: 2rem;
  margin-right: 0.6rem;
}

speed .speed-lines .header .header-right p {
  float: left;
  font-size: 1.4rem;
  font-weight: 500;
  color: #d8a871;
}

speed .speed-lines .logo {
  position: relative;
  text-align: center;
  margin: auto;
  margin-top: 2.4rem;
}

speed .speed-lines .logo img {
  width: 10rem;
  margin: 0rem auto 0 auto;
}

speed .speed-lines .title {
  font-size: 1.8rem;
  font-weight: 700;
  color: #444c64;
  position: relative;
  text-align: center;
  margin-top: 2.4rem;
  position: relative;
  margin-bottom: 0.5rem;
}

speed .speed-lines .title img {
  position: absolute;
  right: 1rem;
  top: -1.6rem;
  width: 13rem;
}

speed .speed-lines .wap-lines {
  text-align: center;
  padding: 1.6rem 0rem;
}

speed .speed-lines .wap-lines ul {
  max-height: 32rem;
  overflow: auto;
  padding: 0rem 1.6rem;
}

speed .speed-lines .wap-lines ul li .line {
  display: block;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  text-align: center;
  line-height: 4rem;
  background: #fff;
  font-size: 0rem;
  margin: 0rem auto 1.4rem auto;
  border-radius: 0.4rem;
}

speed .speed-lines .wap-lines ul li .line span {
  font-size: 1.4rem;
}

speed .speed-lines .wap-lines ul li .line span.speed {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 6rem;
  -ms-flex: 0 0 6rem;
  flex: 0 0 6rem;
  padding-left: 1rem;
}

speed .speed-lines .wap-lines ul li .line span.line-url {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

speed .speed-lines .wap-lines ul li .line span.text {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 7rem;
  -ms-flex: 0 0 7rem;
  flex: 0 0 7rem;
}

speed .speed-lines .wap-lines ul li .line.fast {
  color: #0b990b;
}

speed .speed-lines .wap-lines ul li .line.normal {
  color: #d97d43;
}

speed .speed-lines .wap-lines ul li .line.slow {
  color: #ff3300;
}

speed .speed-lines .wap-lines ul li .line .line-url {
  color: #444c63;
  padding: 0rem 0.4rem;
}

speed .speed-lines .wap-lines ul li .line .text span {
  display: block;
  width: 100%;
  height: 4rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#b88f67), color-stop(#d5b18a), to(#fbdbb8));
  background: linear-gradient(0deg, #b88f67, #d5b18a, #fbdbb8);
  border-radius: 4px;
  font-size: 1.2rem;
  text-align: center;
  line-height: 4rem;
  color: #fff;
}

speed .speed-lines .wap-lines ul li .line.first .text span {
  background: -webkit-gradient(linear, left bottom, left top, from(#ff8863), to(#fcb860));
  background: linear-gradient(0deg, #ff8863, #fcb860);
}

speed .speed-lines .wap-lines ul li:nth-child(even) .line {
  background: #f0f4ff;
}

speed .speed-lines .wap-lines .ion-ios-refresh::before,
speed .speed-lines .wap-lines .button-inner {
  font-size: 1.6rem;
}

speed .speed-lines .wap-lines .btn {
  position: relative;
  width: 22rem;
  border-radius: 6px;
  margin-top: 1.6rem;
  background: -webkit-gradient(linear, left bottom, left top, from(#e45858), color-stop(#e7765d), to(#eca364));
  background: linear-gradient(0deg, #e45858, #e7765d, #eca364);
}

speed .speed-lines .wap-lines .btn .irefresh {
  display: inline-block;
  vertical-align: top;
  background: url(../assets/images/refresh.png) no-repeat;
  background-size: contain;
  width: 2.6rem;
  height: 2.6rem;
  margin-right: 0.6rem;
}

speed .speed-lines .down {
  padding: 0.8rem 0;
  background: #fff;
  min-width: 34rem;
  z-index: 11;
}

speed .speed-lines .down .info {
  overflow: hidden;
}

speed .speed-lines .down .info .close {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  float: left;
  width: 4rem;
  height: 4rem;
  line-height: 4rem;
  text-align: center;
  color: #999;
  font-size: 2.4rem;
}

speed .speed-lines .down .info .info_text {
  height: 4rem;
  float: left;
}

speed .speed-lines .down .info .info_text img {
  width: 4rem;
  height: 4rem;
  border-radius: 4px;
}

speed .speed-lines .down .info .info_text .marks {
  padding: 0.4rem 0;
  -webkit-transform: scale(0.8);
  transform: scale(0.8);
  display: inline-block;
  margin-left: -0.8rem;
}

speed .speed-lines .down .info .info_text .marks p {
  font-size: 1.3rem;
  color: #333;
}

speed .speed-lines .down .info .info_text .marks span {
  font-size: 1.2rem;
  color: #666;
}

speed .speed-lines .down button {
  color: #fff;
  background: -webkit-gradient(linear, left top, right top, from(#eac48d), to(#d8a871));
  background: linear-gradient(to right, #eac48d, #d8a871);
  font-size: 1.4rem;
  padding: 0.8rem 1.4rem;
  margin: 0rem;
  margin-right: 1rem;
  height: 3.6rem;
  font-weight: bold;
}

speed .app-collect {
  position: absolute;
  padding: 0 1rem;
  bottom: 1rem;
  z-index: 2;
}

speed .app-collect .bottom-prompt {
  position: relative;
}

speed .app-collect .bottom-prompt .close {
  position: absolute;
  color: #fff;
  right: 1.6rem;
  top: 0.8rem;
  font-size: 2.2rem;
}

speed p.tips-txt {
  color: #7c7c7c;
}

speed .spinner {
  margin: 7rem auto;
  text-align: center;
  width: 6rem;
  height: 4rem;
  font-size: 1.2rem;
}

speed .spinner > div {
  background-color: #dfd0c2;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretch-delay 0.8s infinite ease-in-out;
  animation: stretch-delay 0.8s infinite ease-in-out;
}

speed .spinner .rectangle2 {
  -webkit-animation-delay: -0.7s;
  animation-delay: -0.7s;
}

speed .spinner .rectangle3 {
  -webkit-animation-delay: -0.6s;
  animation-delay: -0.6s;
}

speed .spinner .rectangle4 {
  -webkit-animation-delay: -0.5s;
  animation-delay: -0.5s;
}

speed .spinner .rectangle5 {
  -webkit-animation-delay: -0.4s;
  animation-delay: -0.4s;
}

@-webkit-keyframes stretch-delay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}

@keyframes stretch-delay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}

page-third-game-transfer .transfer-top {
  width: 100%;
  margin-top: 1rem;
  padding: 1.5rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: white;
  -webkit-transition: 0.8s;
  transition: 0.8s;
}

page-third-game-transfer .transfer-top .person-account,
page-third-game-transfer .transfer-top .third-account {
  width: 40%;
  text-align: center;
  padding: 0.2rem;
}

page-third-game-transfer .transfer-top .transfer-btn {
  width: 20%;
  text-align: center;
}

page-third-game-transfer .transfer-top .transfer-btn img {
  width: 80%;
  height: 90%;
  border-radius: 50%;
}

page-third-game-transfer .transfer-top h3 {
  margin-bottom: 0.5rem;
  font-size: 2rem;
}

page-third-game-transfer .transfer-top .money {
  font-size: 1.6rem;
  color: #e14562;
  display: inline-block;
}

page-third-game-transfer .transfer-top .money span {
  font-size: 1.6rem;
  vertical-align: middle;
}

page-third-game-transfer .transfer-top .icon-refresh {
  font-size: 2.5rem;
  margin-left: 0.5rem;
  vertical-align: middle;
}

page-third-game-transfer .transfer-content {
  background: white;
  border-top: 1px solid #f5f5f5;
}

page-third-game-transfer .transfer-content p {
  margin-left: 0.8rem;
  font-size: 1.6rem;
  color: #666;
  margin-bottom: 1rem;
  padding-top: 1rem;
}

page-third-game-transfer .transfer-content .item-ios {
  padding: 0;
}

page-third-game-transfer .transfer-content .item-ios ion-label {
  padding-left: 0.3rem;
  margin-top: 0;
  font-size: 4rem;
  color: #333;
}

page-third-game-transfer .transfer-content .item-ios .item-inner {
  border-bottom: 1px solid #f5f5ff;
}

page-third-game-transfer .transfer-content .item-ios .text-input {
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1.8rem;
}

page-third-game-transfer .transfer-content .transfer-tip {
  padding: 1.2rem;
}

page-third-game-transfer .transfer-content .transfer-tip .tip-text {
  color: #666;
  font-size: 1.4rem;
}

page-third-game-transfer .transfer-content .transfer-tip .button-ios {
  background: none;
  color: #dddddd;
  height: auto;
  vertical-align: middle;
  float: right;
}

page-third-game-transfer .transfer-content .transfer-tip .button-ios span {
  font-size: 1.4rem;
}

page-third-game-transfer .transfer-footer {
  padding: 2.5rem 0.8rem;
}

page-third-game-transfer .transfer-footer .transfer-enter {
  width: 98%;
}

page-third-game-transfer .transfer-footer .transfer-enter span {
  font-size: 1.6rem;
  letter-spacing: 1px;
}

page-third-game-transfer .transfer-footer .transfer-straight {
  width: 98%;
  margin-top: 1.5rem;
  background: #dddddd;
}

page-third-game-transfer .transfer-footer .transfer-straight span {
  font-size: 1.6rem;
  letter-spacing: 1px;
}

page-thridgame-lobby .scroll-content {
  background: #1d1c22;
}

page-thridgame-lobby .search-box {
  background: #1d1c22;
  padding: 1rem 2rem;
  width: 100%;
  height: 6.4rem;
}

page-thridgame-lobby .searchbar-ios {
  border-radius: 25px;
  border: 1px solid #454054;
}

page-thridgame-lobby .searchbar-ios .searchbar-search-icon {
  top: 7px;
  left: 5px;
}

page-thridgame-lobby .searchbar-ios.searchbar-left-aligned .searchbar-input {
  font-size: 1.6rem;
  font-weight: bold;
}

page-thridgame-lobby .games-section {
  width: 100%;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: calc(100% - 6.4rem);
  overflow-y: auto;
}

page-thridgame-lobby .games-section .left-nav {
  width: 8rem;
  height: 100%;
  margin-left: 1.5rem;
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  top: 0;
}

page-thridgame-lobby .games-section .left-nav .games-nav {
  background: var(--cp-color7);
  color: #b1a4db;
  position: relative;
  border-radius: 10px;
  margin-bottom: 1.4rem;
  width: 7.5rem;
  height: 5.5rem;
  cursor: pointer;
  -webkit-transition: linear 0.25s;
  transition: linear 0.25s;
  overflow: hidden;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

page-thridgame-lobby .games-section .left-nav .games-nav span {
  margin-top: 0.4rem;
}

page-thridgame-lobby .games-section .left-nav .games-nav img,
page-thridgame-lobby .games-section .left-nav .games-nav .nav-icon {
  width: 3.2rem;
}

page-thridgame-lobby .games-section .left-nav .games-nav .img-normal {
  display: block;
}

page-thridgame-lobby .games-section .left-nav .games-nav .nav-icon svg {
  width: 100%;
}

page-thridgame-lobby .games-section .left-nav .games-nav .img-active {
  display: none;
}

page-thridgame-lobby .games-section .left-nav .games-nav:hover, page-thridgame-lobby .games-section .left-nav .games-nav.active {
  color: #fff;
}

page-thridgame-lobby .games-section .left-nav .games-nav:hover .img-normal, page-thridgame-lobby .games-section .left-nav .games-nav.active .img-normal {
  display: none;
}

page-thridgame-lobby .games-section .left-nav .games-nav:hover .img-active, page-thridgame-lobby .games-section .left-nav .games-nav.active .img-active {
  display: block;
}

page-thridgame-lobby .games-section .left-nav .games-nav:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 4px;
  background-color: #3d384e;
  -webkit-transition: linear 0.25s;
  transition: linear 0.25s;
}

page-thridgame-lobby .games-section .left-nav .games-nav.active:before {
  content: "";
  background-color: #fbde8e;
}

page-thridgame-lobby .games-section .right-main {
  padding: 0 0.8rem 0.5rem 0.8rem;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

page-thridgame-lobby .games-section .right-main .top-btn-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: left;
  -webkit-justify-content: left;
  -ms-flex-pack: left;
  justify-content: left;
  margin-bottom: 1rem;
}

page-thridgame-lobby .games-section .right-main .top-btn-wrapper .button-ios {
  height: auto;
  border: 1px solid #363442;
  border-radius: 4px;
  padding: 0.8rem 2rem;
  font-size: 1.4rem;
  font-weight: 500;
  color: #b4aec9;
  margin-right: 1rem;
}

page-thridgame-lobby .games-section .right-main .top-btn-wrapper button.active {
  background: #0972f6;
  color: white !important;
}

page-thridgame-lobby .games-section .right-main .third-game-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

page-thridgame-lobby .games-section .right-main .third-game-box .third-item {
  width: 48%;
  margin-bottom: 0.5rem;
}

page-thridgame-lobby .games-section .right-main .third-game-box .third-item.full-w {
  width: 100%;
}

page-thridgame-lobby .games-section .right-main .third-game-box .third-item .name {
  background: white;
  color: gray;
  font-size: 1.2rem;
  margin: 0;
  border-radius: 5px;
  padding: 0.5rem 0.3rem 0.3rem 1rem;
  margin-top: -0.8rem;
}

page-thridgame-lobby .games-section .right-main p.empty {
  color: gray;
  font-size: 1.6rem;
  text-align: center;
  margin-top: 50%;
}

page-thridgame-lobby .games-section .right-main .games-lobby {
  position: relative;
}

page-thridgame-lobby .games-section .right-main .games-lobby:nth-child(2n) .game-item button {
  background: #312c3c;
}

page-thridgame-lobby .games-section .right-main .games-lobby .item-anchor {
  position: absolute;
  top: -90px;
  left: 0;
}

page-thridgame-lobby .games-section .right-main .games-lobby p {
  color: #fff;
  margin: 1rem 0;
}

page-thridgame-lobby .games-section .right-main .games-lobby .game-item button {
  background: var(--cp-color219);
  width: 160px;
  height: 40px;
  color: #fff;
  margin-right: 14px;
  position: relative;
  border: 0;
  margin-bottom: 12px;
}

page-thridgame-lobby .games-section .right-main .games-lobby .game-item button:nth-child(5n) {
  margin-right: 0;
}

page-thridgame-lobby .games-section .right-main .games-lobby .game-item button:hover {
  background: #763dd5;
}

page-thridgame-lobby .games-section .right-main .games-lobby .game-item button img {
  position: absolute;
  top: 0;
  right: 0;
  height: 16px;
}

page-welcome ion-slide {
  background-color: #eeeeee;
}

page-welcome ion-slide img {
  height: 70vh !important;
  width: auto !important;
}